Design System
Foundation
디자인 시스템이란?
컬러
타이포그래피
그리드
아이콘
Component
GNB
Input
Form
Dropdown
Selection
Accordion
Card
Footer
Carousel
Badge
Switch
Notification
Tooltip
Breadcrumb
Buttons
사용자와 상호작용하는 가장 근본적인 컴퍼넌트입니다.
사용자의 행동을 유도하거나, 사용자로 하여금 다음 행동을 예상하게 만들어 사용성을 높일 수 있습니다.
General Button
가장 빈번하게 사용되는 버튼으로 사용자의 행동을 우선적으로 유도하거나 예상시켜야할 때 사용됩니다.
로그인
1
2
1
Container
2
Placeholder Text
Action Button
한 화면 내에서 어떤 목적을 위해 사용자의 행동을 유도하는게 아닌,
사용자의 선택이 우선적일 때 사용되는 버튼입니다.
해당 버튼 활용시 아이콘 사용은 필수 권장 사항입니다.
More Questions
1
2
3
1
Container
2
Placeholder Text
3
Icon
Text Button
한 화면 내에서 어떤 목적을 위해 특정 행동이 필요로 되어질 때
사용자의 이 행동을 유도하기 위해 사용되어지는 버튼입니다.
More Questions
1
2
1
Placeholder Text
2
Icon