List of Components - backup
컴포넌트 목록은 상황에 따라 추가, 삭제 및 디자인이 변경될 수 있습니다.
1. 레이아웃 - Layout
레이아웃 컴포넌트는 페이지의 영역을 설정하기 위한 컴포넌트로써 Row, Column을 이용하여 전체적인 페이지 레이아웃을 설정할 수 있도록 지원한다.
Row | 열을 추가하고자 하는 경우 반드시 행을 먼저 추가해 주세요. |
---|---|
Column | 페이지 레이아웃에 맞게 다양한 열을 추가할 수 있습니다. |
Container | 추가 시 빈 컨테이너가 생성됩니다. |
Background Container | 추가 시 배경에 이미지 또는 색상 추가가 가능한 빈 컨테이너가 생성됩니다. |
2. 엘리먼트 - Element
엘리먼트 컴포넌트는 UI를 구성하기 위한 기본적인 컴포넌트들로 구성되며, 직접 사용하거나 다른 컴포넌트의 구성요소로써 사용된다. 또한 상세한 스타일을 지정할 수 있는 특징이 있다.
Audio Player | |
---|---|
Button | |
Calendar | |
Date & Time | |
Heading | |
Horizontal Line | |
HTML | |
Icon | |
Image | |
Indicator | |
Link Area | |
Map | |
Rectangle | |
Text | |
Vertical Line | |
Video |
3. 폼 - Form
Checkbox | |
---|---|
Date Picker | |
Dropdown | |
On/Off Switch | |
Password Input | |
Radio Button | |
Range Controller | |
Search Input | |
Slider | |
Text Area | |
Text Input |
4. 내비게이션 - Navigation
Breadcrumb | |
---|---|
Global Navigation | |
Page Controller | |
Text Menu | |
Tab Menu |
5. 헤더 - Header
with Background | |
---|---|
with Chart | |
with Countdown | |
with Device | |
with Form | |
with Video |
6. 콘텐츠 - Content
Feature 1 | |
---|---|
Feature 2 | |
Feature 3 | |
Card Grid 1 | |
Card Grid 2 | |
Car Grid 3 | |
FAQs Accordion 1 | |
FAQs Accordion 2 | |
Table 1 | |
Table 2 |
7. 이커머스 - E-Commerce
Feature Product | |
---|---|
Product List | |
Product Detail 1 | |
Product Detail 2 | |
Shopping Bag | |
Checkout | |
Order Confirmed | |
Wishlist | |
Search Result |
8. 섹션 - Section
Blog | |
---|---|
Call to Action | |
Chart | |
Client | |
Contact | |
Countdown | |
Download | |
Gallery | |
Media | |
Price | |
SNS | |
Step | |
Subscription | |
Team | |
Testimonial | |
Timeline | |
Upcoming Event |
9. 푸터 - Footer
with SNS | |
---|---|
with Contact | |
with Menu |