Skip to main content

SecondaryButton

Button을 위한 DDS Docs입니다. Button Docs는 '도담도담'에 사용되늰 모든 Button Component를 관리힙니다. Button은 <DodamFilledButton />을 사용해서 볼러올 수 있습니다.

Props​

text?: React.ReactNode;
children?: React.ReactNode;
textTheme?: keyof DodamTheme;
width?: number;
enabled?: boolean;
typography?: typographyType; ['Body1', 'Bold']
backgroundColorType?: BackgroundColorType; 'Primary' | 'Secondary' | 'Assisitive' | 'Negative'
size: ButtonSizeType;
padding?: CSSProperties['padding'];
onClick?: MouseEventHandler<HTMLButtonElement>;
customStyle?: CSSObject;
icon?: React.ReactNode;
attendants?: attendantsType;

Secondary Large Button​

Enabled​

Disabled​

Secondary Medium Button​

Enabled​

Disabled​

Secondary Small Button​

Enabled​

Disabled​


index.tsx
<DodamFilledButton backgroundColorType='Secondary' />