Widgets#

The visual catalog — every widget bootstack provides, grouped by purpose. Each page has a runnable example and screenshots in both themes. Browse a category below, or jump straight to a widget from the sidebar.

Application

The top-level window — a plain window, a navigation shell, or a secondary window.

App · AppShell · Window

Actions

Buttons that trigger commands.

Button · ButtonGroup

Inputs

Free-text, numeric, and date/time entry — single- and multi-line.

TextField · PasswordField · NumberField · PathField · SpinnerField · TextArea · CodeEditor · Slider · RangeSlider · DateField · TimeField

Selection

Choose from a set of options — toggles, radios, dropdowns, and a calendar.

Checkbox · Switch · ToggleButton · RadioGroup · ToggleGroup · Select · SelectButton · Calendar

Data Display

Show values and records — labels, badges, meters, lists, tables, and trees.

Label · Badge · ProgressBar · Gauge · ListView · DataTable · Tree

Media

Display images — a single picture, a grid, a carousel, or an avatar.

Picture · Gallery · Carousel · Avatar

Layout

Arrange and group widgets — stacks, grids, cards, and resizable panes.

VStack · HStack · Grid · Card · GroupBox · Separator · Accordion · ScrollView · SplitView

Chrome, bars, and menus

Window chrome — the menu bar, command bar, status bar, and pop-up menus.

Menubar · CommandBar · StatusBar · MenuButton · ContextMenu

Navigation

Switch between views — a swappable page stack and tabs.

PageStack · Tabs

Overlays

Transient surfaces that float above the content — tooltips, and the toast / notification / snackbar message family.

Tooltip · Toasts & Notifications

Dialogs

Modal prompts — messages, input, pickers, and custom dialogs.

Message Dialogs · Input Dialogs · Color Dialog · Font Dialog · Filter Dialog · Dialog · Form Dialog

Forms

Collect a set of fields, laid out and validated together.

Form