# Components

Browse Patch UI by purpose, then copy only the source your application needs.

## Actions and navigation

* [Button](/docs/components/button): Trigger an action with clear intent.

* [Toggle](/docs/components/toggle): Keep a single action pressed or unpressed.

* [Toggle Group](/docs/components/toggle-group): Choose one compact view or mode.

* [Menu](/docs/components/menu): Present contextual actions in a popup.

* [Navigation Menu](/docs/components/navigation-menu): Organize richer destination menus.

* [Breadcrumb](/docs/components/breadcrumb): Show location within a hierarchy.

* [Pagination](/docs/components/pagination): Move through paged content.

* [Sidebar](/docs/components/sidebar): Structure persistent application navigation.

* [Tabs](/docs/components/tabs): Switch between related panels.

## Forms and selection

* [Form](/docs/components/form): Coordinate validation and submission.

* [Field](/docs/components/field): Compose labels, controls, and messages.

* [Input](/docs/components/input): Collect a single line of text.

* [Textarea](/docs/components/textarea): Collect longer freeform text.

* [Label](/docs/components/label): Name a form control.

* [Checkbox](/docs/components/checkbox): Select independent options.

* [Radio](/docs/components/radio): Choose one option from a set.

* [Select](/docs/components/select): Choose from a compact option list.

* [Combobox](/docs/components/combobox): Search and select from many options.

* [Slider](/docs/components/slider): Choose a value from a continuous range.

* [Switch](/docs/components/switch): Turn a setting on or off.

* [Calendar](/docs/components/calendar): Select dates in a calendar grid.

## Overlays and feedback

* [Modal](/docs/components/modal): Focus attention on a blocking task.

* [Sheet](/docs/components/sheet): Reveal supporting content from an edge.

* [Popover](/docs/components/popover): Show interactive content near a trigger.

* [Tooltip](/docs/components/tooltip): Clarify a compact or unfamiliar control.

* [Toast](/docs/components/toast): Report temporary application feedback.

* [Progress](/docs/components/progress): Show measurable work.

* [Spinner](/docs/components/spinner): Show short indeterminate work.

* [Skeleton](/docs/components/skeleton): Reserve the shape of loading content.

* [Empty State](/docs/components/empty-state): Explain an empty result and next action.

## Content and structure

* [Accordion](/docs/components/accordion): Reveal sections progressively.

* [Card](/docs/components/card): Contain one discrete content object.

* [Section](/docs/components/section): Group related controls or settings.

* [Table](/docs/components/table): Display structured row and column data.

* [Scroller](/docs/components/scroller): Provide controlled overflow behavior.

* [Separator](/docs/components/separator): Divide related content.

## Identity and metadata

* [Avatar](/docs/components/avatar): Represent a person or entity.

* [Badge](/docs/components/badge): Display compact status or metadata.

* [Time Ago](/docs/components/time-ago): Express a date relative to now.

* [Theme Toggle](/docs/components/theme-toggle): Switch between light and dark themes.

## Command interfaces

* [Command](/docs/components/command): Build keyboard-first command lists.

## Blocks

Blocks combine components into larger application patterns. Browse [App Header](/docs/blocks/app-header), [Dropzone](/docs/blocks/dropzone), [Filter Toolbar](/docs/blocks/filter-toolbar), and [Search Suggestions](/docs/blocks/search-suggestions).