Astro

Skip to main content

Components

BoxBox is a basic flexbox-based layout component built for creating rows and columns.

ButtonButtons are used primarily as triggers for an action or event.

IconButtonIconButton is used to trigger actions or events, and use an icon for a label.

ListViewUsed to display a list of items. Users can select, view, or edit items in this list.

PopoverMenuUsed to display a list of actions users can take, and includes a menu and its associated trigger.

RockerButtonGroupUsed to manage selections for a group of rocker buttons.

TabsUsed to divide content, navigate to other views, and indicate work progress.

OverlayPanelUsed to display details and present modal interactions while maintaining the overall page context.

CheckBoxFieldUsed to capture data users select from a small set of options, and includes the check box, label, and helper text.

ComboBoxFieldUsed to capture data users either enter into a field or select from a list.

NumberBoxFieldUsed to capture numeric data.

TextFieldUsed to capture user text, and includes a text input component, label, and helper text.

SwitchFieldUsed to indicate one of two possible values, and includes a switch, label, and helper text.

RadioGroupFieldUsed to manage selections for a group of radio buttons.

StepperUsed to indicate work progress in a multi-step form.

ModalUsed to present users with an action and return them to what they were doing.