lumir-design-system-01/dist/types/components/compounds/Chip/Chip.d.ts

Lumir Design System 01 - Professional & Clean

import React from 'react';
export interface ChipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'color'> {
    /**
     * 칩에 표시할 텍스트
     */
    children: React.ReactNode;
    /**
     * 칩의 변형
     */
    variant?: 'filled' | 'outlined';
    /**
     * 칩의 크기
     */
    size?: 'sm' | 'md';
    /**
     * 칩의 상태
     */
    state?: 'default' | 'hovered' | 'pressed' | 'disabled';
    /**
     * 비활성화 상태
     */
    disabled?: boolean;
    /**
     * 삭제 가능 여부
     */
    removable?: boolean;
    /**
     * 선택 가능 여부
     */
    selectable?: boolean;
    /**
     * 선택 상태
     */
    selected?: boolean;
    /**
     * 클릭 이벤트 핸들러
     */
    onClick?: () => void;
    /**
     * 삭제 버튼 클릭 핸들러
     */
    onRemove?: () => void;
}
/**
 * Chip 컴포넌트는 선택된 항목이나 태그를 표시하는 컴포넌트입니다.
 * ComboBox에서 선택된 항목을 표시하거나 태그 입력에서 사용할 수 있습니다.
 */
export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;