Flagon UIv0.0.0
GitHub ↗
IntroductionInstallationThemingComponentsAlertAvatarBadgeButtonCalendarCardDate FieldCheckboxCollapsibleDialogDropdown MenuInputKbdLabelPopoverSelectSeparatorSheetSidebarSkeletonSwitchTabsTextareaTooltip

Getting started

IntroductionInstallationThemingComponents

Components

AlertAvatarBadgeButtonCalendarCardDate FieldCheckboxCollapsibleDialogDropdown MenuInputKbdLabelPopoverSelectSeparatorSheetSidebarSkeletonSwitchTabsTextareaTooltip

Components

24 accessible, Radix-based building blocks. Pick one for docs, examples, and install instructions.

Alert

Callouts for messages that need attention, with severity-aware ARIA roles.

Avatar

An image element with a graceful text fallback.

Badge

Small labels for status, counts, and metadata.

Button

A clickable button with variants and sizes.

Calendar

A month-grid date picker for single, multiple, or range selection.

Card

A bordered container with header, content, and footer slots.

Date Field

A typeable date input that parses many formats, paired with a calendar popover.

Checkbox

A control that toggles between checked and unchecked.

Collapsible

Toggle the visibility of a section.

Dialog

A modal window overlaid on the page, with focus trapping.

Dropdown Menu

A menu of actions or links triggered by a button.

Input

A styled text form field.

Kbd

A keyboard key hint, e.g. for shortcuts.

Label

An accessible label for a form control.

Popover

Rich floating content anchored to a trigger.

Select

Choose a single option from a list.

Separator

A visual or semantic divider between content.

Sheet

A panel that slides in from the edge of the screen.

Sidebar

Composable primitives for an application navigation sidebar.

Skeleton

A placeholder shown while content is loading.

Switch

A toggle between an on and off state.

Tabs

Switch between related views.

Textarea

A multi-line text input.

Tooltip

A hint shown on hover or focus.