Inline edit

Exports

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

InlineEdit

Props

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

InlineEdit

InlineEdit 속성
Prop	Type	필수 여부
`actions`	`ReactNode`	선택
`cancelLabel`	`string`	선택
`clearLabel`	`string`	선택
`defaultEditing`	`boolean`	선택
`defaultValue`	`string`	선택
`disabled`	`boolean`	선택
`editLabel`	`string`	선택
`editing`	`boolean`	선택
`invalid`	`boolean`	선택
`line`	`'single' \| 'multi'`	선택
`onCancel`	`((value: string) => void)`	선택
`onCommit`	`((value: string) => void)`	선택
`onEditingChange`	`((editing: boolean) => void)`	선택
`onValueChange`	`((value: string) => void)`	선택
`placeholder`	`string`	선택
`size`	`'lg' \| 'md' \| 'sm'`	선택
`value`	`string`	선택
`variant`	`'default' \| 'semibold'`	선택

Type reference

전체 타입 보기

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

import { type HTMLAttributes, type ReactNode } from 'react';

export type InlineEditSize = 'lg' | 'md' | 'sm';

export type InlineEditLine = 'single' | 'multi';

export type InlineEditVariant = 'default' | 'semibold';

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

export type InlineEditProps = Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> & DataAttributes & {
    actions?: ReactNode;
    cancelLabel?: string;
    clearLabel?: string;
    defaultEditing?: boolean;
    defaultValue?: string;
    disabled?: boolean;
    editLabel?: string;
    editing?: boolean;
    invalid?: boolean;
    line?: InlineEditLine;
    onCancel?: (value: string) => void;
    onCommit?: (value: string) => void;
    onEditingChange?: (editing: boolean) => void;
    onValueChange?: (value: string) => void;
    placeholder?: string;
    size?: InlineEditSize;
    value?: string;
    variant?: InlineEditVariant;
};

export declare const InlineEdit: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & DataAttributes & {
    actions?: ReactNode;
    cancelLabel?: string;
    clearLabel?: string;
    defaultEditing?: boolean;
    defaultValue?: string;
    disabled?: boolean;
    editLabel?: string;
    editing?: boolean;
    invalid?: boolean;
    line?: InlineEditLine;
    onCancel?: (value: string) => void;
    onCommit?: (value: string) => void;
    onEditingChange?: (editing: boolean) => void;
    onValueChange?: (value: string) => void;
    placeholder?: string;
    size?: InlineEditSize;
    value?: string;
    variant?: InlineEditVariant;
} & import("react").RefAttributes<HTMLDivElement>>;