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

Lumir Design System 01 - Professional & Clean

import React from 'react';
export interface RadioProps {
    /** 라디오 버튼의 선택 상태 */
    checked?: boolean;
    /** 비활성화 상태 */
    disabled?: boolean;
    /** 라벨 텍스트 */
    label?: string;
    /** 라벨 표시 여부 */
    showLabel?: boolean;
    /** 라디오 버튼 이름 (같은 그룹의 라디오 버튼들은 같은 name을 가져야 함) */
    name?: string;
    /** 라디오 버튼 값 */
    value?: string;
    /** 라디오 버튼 스타일 */
    variant?: 'radio' | 'checkmark';
    /** 선택 상태 변경 핸들러 */
    onChange?: (value: string) => 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 Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;