UI Library
Button
Primary, outline, icon, and loading states.
Colors
Primary fills carry the main CTA tone.
Outlined
Outlined buttons keep the surface neutral.
Flat
Flat buttons de-emphasize the background.
Rounded
Rounded buttons vary by corner treatment.
Text
Text buttons keep actions light in dense layouts.
Plain
Plain buttons use the smallest visual footprint.
Tonal
Tonal buttons add a soft fill without a hard block.
Icon
Icon buttons combine compact graphics with labels.
Icon Only
Icon-only buttons are useful for compact toolbars.
Sizing
Button sizing is explicit and stable across breakpoints.
Block
Block buttons stretch to fill the available width.
Loaders
Buttons can show loading state without changing layout.
Router
Buttons can point at internal navigation targets.
Link
Links can adopt button treatment without changing navigation semantics.
Group
Grouped actions stay visually connected.