Inventory
41 components are in Accessible first. The components answers picked them (see Components). Anything not in is out, and its page says why.
41In21Left out9Families
Action
Things people press. 4 in Accessible first.
ButtonTriggers an action.In · builtButton groupRelated buttons joined as one control.In · builtToggleA button that stays pressed or not.In · builtToggle groupA set of toggles where one or many stay pressed.In · built
Form
Things people fill in. 13 in Accessible first.
CalendarA month grid for picking dates.In · builtCheckboxAn on-off choice in a list or form.In · builtComboboxA text field with a filtered list of choices.In · builtDate pickerA button that opens a calendar, for one date or a range. Built on calendar and popover, after shadcn's Date Picker.In · builtFieldA label, control, hint and error laid out together.In · builtFormForm state and validation wired to fields.In · builtInputSingle-line text entry.In · builtInput groupAn input with addons such as icons or buttons.In · builtInput otpSeparate boxes for a one-time code.In · builtLabelThe name of a form control.In · builtNative selectThe browser select, styled.In · builtRadio groupOne choice from a short list.In · builtTextareaMulti-line text entry.In · built
Data
Tables and charts. 2 in Accessible first.
Feedback
Status and messages. 5 in Accessible first.
AlertA message that stays on the page.In · builtBadgeA short label for a status or count.In · builtEmptyWhat to show when there is nothing yet.In · builtProgressHow far a task has come.In · builtSpinnerA small loading indicator.In · built
Navigation
Ways around. 4 in Accessible first.
BreadcrumbThe path to the current page.In · builtNavigation menuSite navigation with links and panels.In · builtPaginationMoves between pages of results.In · builtTabsSwitches between views of the same thing.In · built
Overlay
Things that float above the page. 1 in Accessible first.
Layout
The frame around content. 5 in Accessible first.
CardA bordered container for one item or group.In · builtCollapsibleOne section that opens and closes.In · builtItemA row with media, title, description and actions.In · builtScroll areaA region with styled scrollbars.In · builtSeparatorA line between groups.In · built
Media
Pictures and slides. 2 in Accessible first.
Aspect ratioKeeps an image or video at a fixed shape.In · builtAvatarA small image or initials for a person.In · built
Conversation
5 in Accessible first.
AttachmentA file attached to a message.In · builtBubbleA chat message bubble.In · builtMarkerA divider or status line inside a conversation.In · builtMessageOne message with its author and time.In · builtMessage scrollerA scrolling list of messages that keeps the newest in view.In · built
Left out
The components answers did not pick these. Each page still shows how it would look.
AccordionStacked sections that open one at a time.Left outAlert dialogA dialog that asks to confirm an action that cannot be undone.Left outCarouselSlides that move left and right.Left outCommandA search-first menu of actions, opened from the keyboard.Left outContext menuA menu on right-click.Left outData tableMany records in one view: search, faceted filters, sorting, column choice, row selection with bulk actions, pagination and a density switch. Wraps TanStack Table, after shadcn's Data Table guide.Left outDrawerA panel that slides up from the bottom, for phones.Left outDropdown menuA menu of actions opened from a button.Left outHover cardA preview card on hover.Left outKbdA keyboard key or shortcut.Left outMenubarA row of menus, as in desktop apps.Left outPopoverRich content in a floating panel, opened by click.Left outResizablePanels the user can resize by dragging.Left outSelectOne choice from a list, in a menu.Left outSheetA panel that slides in from an edge.Left outSidebarThe side navigation of an app.Left outSkeletonA placeholder while content loads.Left outSliderA value picked by dragging along a track.Left outSwitchAn on-off setting that applies at once.Left outToastA short message that confirms an action and goes away.Left outTooltipA short hint on hover or focus.Left out