All Components
A comprehensive list of all available components in the Aura Design System.
All Components
Here is a complete list of all available components in the Aura Design System:
Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
Alert
Displays a callout for user attention with contextual feedback messages.
Alert Dialog
A modal dialog that interrupts the user with important content and expects a response.
Aspect Ratio
Displays content within a desired ratio.
Autocomplete
A input component that allows users to search and select from a list of options.
Avatar
An image element with a fallback for representing the user.
Badge
Displays a badge or a component that looks like a badge.
Button
Displays a button or a component that looks like a button.
Button Group
Re-usable components built using Radix UI and Tailwind CSS.
Card
Displays a card with header, content, and footer sections.
Checkbox
A control that allows the user to toggle between checked and not checked.
Collapsible
An interactive component which expands and collapses content.
Combobox
A combobox component that allows users to search and select from a list of options.
Command
A command palette that allows users to search and execute commands.
Context Menu
Displays a menu to the user triggered by right-click or long-press.
Dialog
A window overlaid on the primary content, rendering content in a layer above the page.
Drawer
A drawer component that slides in from the edge of the screen.
Dropdown Menu
Displays a menu of actions or options triggered by a button.
Form
A comprehensive form system with schema-based validation, error handling, and field management. Built with Radix UI primitives and AJV validation, supporting text inputs, textareas, selects, checkboxes, switches, and checkbox groups with automatic error propagation and touch state management.
Grid
Displays a grid container with configurable column layout.
Hover Card
For sighted users to preview content available behind a link.
Input
Displays a form input field or a component that looks like an input field.
Kbd
A keyboard shortcut component that allows users to display keyboard shortcuts.
Label
Renders an accessible label associated with form controls.
Menubar
A visually persistent menu common in desktop applications.
Navigation Menu
A collection of links for navigating websites.
Popover
Displays rich content in a portal triggered by a button.
Progress
Displays an indicator showing the completion progress of a task.
Radio Group
Re-usable components built using Radix UI and Tailwind CSS.
Scroll Area
Augments native scroll functionality for custom cross-browser styling.
Section
A semantic section container with configurable layout variants.
Select
A select component that allows users to select a value from a list of options.
Separator
A separator component that allows users to separate content.
Signature Pad
A component that allows the user to sign a document using a pen.
Slider
An input where the user selects a value from within a given range.
Sortable
A sortable list of items.
Stepper
A sequential progress indicator with navigation controls.
Switch
A control that allows the user to toggle between on and off states.
Tabs
A tabs component that allows the user to switch between different views.
Toggle
A toggle component that allows the user to toggle between on and off states.
Toggle Group
Re-usable components built using Radix UI and Tailwind CSS.
Tooltip
A tooltip component that displays informative text when hovering over an element.