컴포넌트 라이브러리
Toss 디자인 시스템의 모든 컴포넌트들을 확인하고 테스트해보세요.
Button
Button Variants
다양한 스타일의 버튼 컴포넌트들입니다.
Variants
Sizes
States
Card
Default Card
기본 카드 컴포넌트입니다.
카드는 콘텐츠를 그룹화하고 시각적으로 분리하는 데 사용됩니다.
Elevated Card
그림자가 있는 카드입니다.
더 강한 그림자 효과로 더 높은 시각적 계층을 제공합니다.
Outlined Card
테두리가 강조된 카드입니다.
테두리를 통해 카드의 경계를 명확하게 표시합니다.
Input
Input Variants
다양한 스타일의 입력 필드들입니다.
Variants
Sizes
States
이 필드는 도움말 텍스트를 표시합니다.
이 필드에 오류가 있습니다.
Interactive
입력된 값:
정상 상태입니다
Badge
Badge Variants
다양한 스타일의 배지 컴포넌트들입니다.
Variants
Default
Secondary
Outline
Success
Warning
Error
Sizes
Small
Medium
Large
Usage Examples
알림
3
상태
활성
카테고리
기술
Header
Header Variants
다양한 스타일의 헤더 컴포넌트들입니다.
Default Header
Logo
Transparent Header
Logo
Elevated Header
Logo