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

Lumir Design System 01 - Professional & Clean

import React from 'react';
import { IconName } from 'lumir-design-system-shared';
export type BadgeColor = 'primary' | 'secondary' | 'cta' | 'error' | 'warning';
export type BadgeSize = 'sm' | 'md' | 'lg';
export type BadgeLayout = 'text+icon' | 'only text' | 'only icon';
export type BadgeStyle = 'filled' | 'outlined' | 'transparent';
export type BadgeType = 'round-square' | 'circle';
export interface BadgeProps {
    /** 뱃지 색상 */
    color: BadgeColor;
    /** 뱃지 크기 */
    size?: BadgeSize;
    /** 뱃지 레이아웃 */
    layout?: BadgeLayout;
    /** 뱃지 스타일 */
    style?: BadgeStyle;
    /** 뱃지 형태 */
    type?: BadgeType;
    /** 텍스트 내용 (layout이 'only icon'이 아닌 경우 필수) */
    text?: string;
    /** 아이콘 이름 (layout이 'only text'가 아닌 경우 필수) */
    iconName?: IconName;
    /** 아이콘 타입 */
    iconType?: 'line' | 'flat';
    /** 커스텀 클래스명 */
    className?: string;
    /** 뱃지 비활성 상태 */
    disabled?: boolean;
}
export declare const Badge: React.FC<BadgeProps>;