Component catalog
Components
Phoenix-native wrappers around daisyUI primitives, with consistent attributes, slots, semantic defaults, and accessibility behavior.
Actions
Data display
Feedback
Badge
Show short roles, labels, and data states.
View component →Alert
Communicate important information and outcomes.
View component →Progress
Show exact determinate progress without relying on color.
View component →Loading
Announce indeterminate work with a compact animation.
View component →Skeleton
Reserve content space while data is loading.
View component →Toast
Position transient alert messages in a named region.
View component →Empty state
Explain an empty collection and offer a relevant next step.
View component →Forms
Input
Render labelled inputs with descriptions and errors.
View component →Textarea
Collect multi-line text with an accessible field contract.
View component →Select
Select one or more values from Phoenix option data.
View component →Checkbox
Toggle a boolean choice with visible supporting text.
View component →Radio group
Choose one option from a labelled, keyboard-operable group.
View component →Toggle
Switch a boolean setting with visible context.
View component →File input
Choose local files without an invalid programmatic value.
View component →Form actions
Align primary and secondary actions responsively.
View component →Layout
Navigation
Tabs
Switch between related routes or views with explicit state.
View component →Breadcrumbs
Show a compact trail back through the current hierarchy.
View component →Pagination
Move through long collections with bounded numbered links.
View component →Dropdown
Disclose a compact menu through native details behavior.
View component →