Design System
Component
GNB
Input
Form
Dropdown
Selection
Accordion
Card
Footer
Carousel
Badge
Switch
Notification
Tooltip
Breadcrumb
Dialog
사용자의 특정 행동이 Trigger 가 되어 발생하는 컴퍼넌트입니다.
일방적으로 정보를 전달하거나, 특수한 경우 사용자로 부터 정보를 받을 때 사용됩니다.
Specs
각 해상도 별로 고유의 Padding 값과 수치를 갖습니다.
Alert Dialog
Web
960px 이상 해상도
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Secondary Action
Primary Action
Tablet
600px - 959px 해상도
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Secondary Action
Primary Action
Mobile
360px - 599px 해상도
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Secondary
Primary Action
Image Dialog
Web
960px 이상 해상도
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
확인하러 가기
3일 동안 보지 않기
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
확인하러 가기
3일 동안 보지 않기
Mobile
360px - 599px 해상도
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
확인하러 가기
3일 동안 보지 않기
Custom Dialog
Web
960px 이상 해상도
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Previous
Next
Tablet
600px - 959px 해상도
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Previous
Next
Mobile
360px - 599px 해상도
Title Text Here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Previous
Next