Components
"That sliding thing", "the menu that opens on click" — when you know the shape but the name escapes you. Search in Korean or English.
Form
7Dropdown
FormA click-to-open menu of selectable options.
Checkbox
FormA square control for selecting multiple options independently.
Radio
FormA circular control where exactly one option in a group can be selected.
Switch
FormA two-state on/off control, flipped with a tap or click.
Slider
FormA draggable handle on a track for selecting a value within a range.
Combobox
FormA dropdown that narrows down options as you type.
Number Input
FormAn input for numeric values with +/- buttons or direct typing.
Overlay
6프로젝트를 삭제할까요?
되돌릴 수 없어요. 모든 데이터가 영구 삭제됩니다.
Modal
OverlayA centered overlay that dims the background and blocks interaction until dismissed.
Tooltip
OverlayA small label that appears on hover or focus to explain an element.
Popover
OverlayA small floating panel anchored to a trigger, showing info or controls.
Context Menu
OverlayA menu that appears at the cursor on right-click, listing actions for the clicked item.
Drawer
OverlayA panel that slides in from the edge of the screen.
Command Palette
OverlayA keyboard-launched panel for searching and triggering actions from anywhere.
Navigation
5Carousel
NavigationA horizontal slide viewer navigated by arrows or swipe.
<App />
└ <Card />
└ <Button />Tabs
NavigationStack multiple sections in the same area, switched by clicking headers.
Breadcrumb
NavigationA path showing the current page's place in the site hierarchy.
Pagination
NavigationA control that splits a long list across pages and lets users jump between them.
Stepper
NavigationShows the user's position within a multi-step flow.
Feedback
8Toast
FeedbackA short notification that appears briefly in a corner and disappears on its own.
Badge
FeedbackA small label showing status or count — like the red number on a notification icon.
Avatar
FeedbackA circular image or initials representing a user.
Skeleton
FeedbackGray placeholder shapes shown while content loads.
Progress
FeedbackA bar that shows how much of a task is complete.
Spinner
FeedbackA spinning indicator for indeterminate waits.
Banner
FeedbackAn alert box that sits inline at the top of a page or section.
No notes yet
Click any element on a page to leave your first QA note.
Empty State
FeedbackThe screen shown when there's nothing to display yet.