Public demo
UI kit · Actions & selection
Button variants, icon button, segmented control, and switch-style toggle—interactive affordances teams expect in admin and SaaS surfaces.
Action density on one card: primary through destructive, link-style actions, and compact mode switches for settings panels.
UI showcase
Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.
Mirrors common button-group documentation—ready to connect to real press states and focus rings.
Why this demo works
- Covers the full intent spectrum from quiet ghost actions to destructive confirmations.
- Segmented control previews list/board/calendar-style view toggles.
Suggested use cases
- Toolbar and modal footers
- Settings toggles beside forms
What's included
- Primary, secondary, outline, ghost, destructive, and link buttons
- Disabled primary state
- Square icon button slot
- Three-option segmented control with one selected
- Labeled switch row
Editable in Frontuna
Maps to Button, ToggleGroup, and Switch primitives in React or Angular.
Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.
Build notes
- Wire destructive to a confirmation modal in production.
- Ensure focus-visible styles match WCAG for each variant.