Components
71 components across 46 pages, sorted into 9 categories by purpose.
Foundation
Config, icons, and screen reader text that other components build on.
Layout
Page width and the overall frame of the screen.
Actions
Components that perform actions or switch views.
Button
Button that performs an actionUiButtonToggle Group
Buttons with a pressed state, and tag filtersUiToggleGroup, UiTagFilterToolbar
Toolbar navigated with arrow keys, with its buttons and separatorsUiToolbar, UiToolbarButton, UiToolbarSeparatorTheme Picker
Button for choosing the color themeUiThemePicker
Forms
Inputs tied to labels, descriptions, and errors, and the display of submit errors.
Field
Label, description, and errors of a field, and an error summaryUiField, UiFormErrorSummaryInput
Single-line, multi-line, search, and copy fieldsUiInput, UiTextarea, UiSearchInput, UiCopyFieldSelect
Pick from a list, or type to narrow down optionsUiSelect, UiComboboxCheckbox
Checkboxes and checkbox groupsUiCheckbox, UiCheckboxGroupRadio
Group of radio buttons for choosing one optionUiRadioGroupSwitch
Toggle for settings that take effect immediatelyUiSwitch
Navigation
Components that move between pages or switch the content shown.
Link
Link that detects internal and external targets, and link variantsUiLink, UiExternalLink, UiTextArrowLinkSidebar Nav
Grouped navigation for a sidebarUiSidebarNavTabs
Switch content shown in the same placeUiTabsBreadcrumb
Trail of levels above the current pageUiBreadcrumbPagination
Page numbers and loading more itemsUiPagination, UiLoadMore
Data display
Components that organize information such as lists, dates, and profiles.
Account List
Account links with iconsUiAccountListAvatar
Images of people, groups of people, and profilesUiAvatar, UiAvatarGroup, UiProfileIdentityBadge
Small label for the status of an itemUiBadgeCard
Group of information inside a borderUiCardConnection Status
Connection to the serverUiConnectionStatusDate
Dates, relative time, and post datesUiDate, UiPostDateEntry List
List of links to posts or updatesUiEntryListTable Scroll
Horizontal scrolling for wide tablesUiTableScrollTimeline
Dated events in orderUiTimeline
Content
Components for presenting post content and photos.
Article
Post title and dates, table of contents, and closing linksUiArticleHeader, UiArticleToc, UiArticleEndingCode Block
Code with a copy buttonUiCodeBlockDisclosure
Content that opens and closes from a headingUiDisclosureFigure
Image with a caption and an enlarged viewUiFigureKbd
Keyboard keysUiKbdNote
Note alongside body textUiNotePhoto Album
Album cards, an album viewer, and enlarged imagesUiPhotoAlbumCard, UiPhotoAlbumViewer, UiImageLightbox
Overlay
Panels, menus, and hints that float next to their trigger.
Feedback
Status messages, dialogs, and loading or empty states.