Start Here
Common patterns people usually recognize first.
Button
Try itA button is something a person selects to make an action happen.
Dropdown
Try itA dropdown lets someone choose one option from a hidden list that opens on demand.
Tooltip
Try itA tooltip is a small note that appears near something to explain it briefly.
This focused box appears above the page.
Modal
Try itA focused box that appears above the page and asks someone to complete or dismiss a task.
One selected panel appears in this space.
Tabs
Try itTabs let someone switch between related views that share the same space.
Checkbox
Try itA checkbox lets someone turn one option on or off, often as part of a group.
Toggle
Try itA toggle switches a setting between on and off.
Search Bar
Try itA search bar is an input used to find matching content.
Text Input
Try itA text input is a field where someone types short text.
Form
A form is a group of fields and controls used to collect and submit information.
Table
A table organizes related information into rows and columns.
Grouped content in one contained block.
Card
A card is a contained block that groups related content or actions.
Related Patterns
Nearby concepts that help narrow the term.
Popup
Popup is an everyday word for a temporary thing that appears over or near the current page.
Accordion
Try itExpandable sections that reveal or hide content when clicked.
Breadcrumb
A breadcrumb shows where the current page sits in a hierarchy.
Sidebar Navigation
Try itA vertical navigation area, usually on the left, that lists major places or sections in an app.
Pagination
Try itPagination splits a long set of results into numbered pages.
Loading more...
Infinite Scroll
Try itInfinite scroll loads more items automatically as someone reaches the end of a list.
Uploading
Progress Indicator
Try itA progress indicator shows that work is happening or how much has finished.
Toast Message
Try itA toast message is a small temporary message that appears after an action.