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

Lumir Design System 01 - Professional & Clean

import React from 'react';
export interface CheckboxProps {
    /** 체크박스의 체크 상태 */
    checked?: boolean;
    /** 중간 상태 (indeterminate) */
    indeterminate?: boolean;
    /** 비활성화 상태 */
    disabled?: boolean;
    /** 라벨 텍스트 */
    label?: string;
    /** 라벨 표시 여부 */
    showLabel?: boolean;
    /** 체크박스 이름 */
    name?: string;
    /** 체크박스 값 */
    value?: string;
    /** 체크 상태 변경 핸들러 */
    onChange?: (checked: boolean) => void;
    /** 클릭 핸들러 */
    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    /** 포커스 핸들러 */
    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /** 블러 핸들러 */
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /** 추가 CSS 클래스 */
    className?: string;
    /** 추가 스타일 */
    style?: React.CSSProperties;
}
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;