디자인 시스템
PANTOIA의 컴포넌트를 둘러보세요.
Foundations
Components
- Accordion접었다 펴요.
- AlertDialog한 번 더 물어요.
- Avatar사람을 사진이나 이니셜로 보여요.
- AvatarGroup여러 사람을 겹쳐 보여요.
- Badge옆에 붙는 작은 표시예요.
- BottomSheet화면 아래에서 올라와요.
- Button눌러서 실행해요.
- Callout안내 상자예요.
- Checkbox여러 개를 골라요.
- Collapsible한 영역을 접었다 펴요.
- Combobox목록에서 찾아 하나를 골라요.
- CommandPalette찾아서 실행해요.
- ContextMenu오른쪽 클릭하면 동작 목록이 나와요.
- DatePicker달력에서 날짜를 골라요.
- Dialog창을 띄워 한 가지 작업을 해요.
- Drawer화면 가장자리에서 열려요.
- DropdownMenu누르면 동작 목록이 나와요.
- Field라벨, 컨트롤, 메시지를 묶어요.
- Fieldset컨트롤 여러 개를 제목 하나로 묶어요.
- Input한 줄을 입력해요.
- Kbd키보드 키 표시예요.
- Label컨트롤의 라벨이에요.
- Modal넓으면 Dialog, 좁으면 BottomSheet로 열려요.
- NumberField숫자를 입력해요.
- Popover누르면 주변에 열려요.
- Progress얼마나 진행했는지 보여요.
- RadioGroup하나만 골라요.
- SegmentedControl보기 방식을 바로 바꿔요.
- Select목록에서 하나를 골라요.
- Separator영역을 선으로 나눠요.
- SwatchPicker색을 골라요.
- Switch설정을 켜고 꺼요.
- Table행과 열로 정리해요.
- Tabs한 번에 하나만 보여요.
- Textarea여러 줄을 입력해요.
- TimePicker오전 오후, 시, 분을 골라요.
- Toast잠깐 떴다 사라져요.
- Toggle눌린 상태가 유지되는 버튼이에요.
- ToggleGrouppill 여러 개 중에 골라요.
- Tooltip올리면 뜨는 짧은 글이에요.