Composer

Exports

@mbsw/ui에서 가져올 수 있는 항목입니다.

Composer

Props

컴포넌트별 주요 속성입니다. 조건부 속성의 조합과 공통 HTML, Radix 속성은 아래 전체 타입에서 확인하세요.

Composer

Composer 속성
PropType필수 여부
defaultValuestring선택
disabledboolean선택
onSend

Receives the untrimmed value. Sending never clears or blurs the input.

((value: string) => void)선택
onValueChange((value: string) => void)선택
sendButtonPropsComposerSendButtonProps선택
sendLabelstring선택
textareaPropsComposerTextareaProps선택
valuestring선택
variant'default' | 'reply'선택

Type reference

전체 타입 보기

속성 조합과 상속 속성을 포함한 TypeScript 선언입니다.

import { type ButtonHTMLAttributes, type HTMLAttributes, type RefAttributes, type TextareaHTMLAttributes } from 'react';

export type ComposerVariant = 'default' | 'reply';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

export type ComposerTextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'defaultValue' | 'disabled' | 'value'> & RefAttributes<HTMLTextAreaElement> & DataAttributes;

export type ComposerSendButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'disabled' | 'type'> & RefAttributes<HTMLButtonElement> & DataAttributes;

export type ComposerProps = Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue'> & DataAttributes & {
    defaultValue?: string;
    disabled?: boolean;
    /** Receives the untrimmed value. Sending never clears or blurs the input. */
    onSend?: (value: string) => void;
    onValueChange?: (value: string) => void;
    sendButtonProps?: ComposerSendButtonProps;
    sendLabel?: string;
    textareaProps?: ComposerTextareaProps;
    value?: string;
    variant?: ComposerVariant;
};

export declare const Composer: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> & DataAttributes & {
    defaultValue?: string;
    disabled?: boolean;
    /** Receives the untrimmed value. Sending never clears or blurs the input. */
    onSend?: (value: string) => void;
    onValueChange?: (value: string) => void;
    sendButtonProps?: ComposerSendButtonProps;
    sendLabel?: string;
    textareaProps?: ComposerTextareaProps;
    value?: string;
    variant?: ComposerVariant;
} & RefAttributes<HTMLDivElement>>;