Buttons
All button variants from Verapath.Components. Click any button to verify interactivity.
Primary Button
Main CTAs. Background: Bright Green #a3e96b, text: Midnight #223029.
Default
Hover / Active
Disabled
Icon Left
Icon Right
Small (36px)
Form Submit
Secondary Button
Supporting actions. Background: Gray 03 #e0e3e2, text: Midnight #223029.
Default
Hover / Active
Disabled
Icon Left
Icon Right
Small (36px)
Tertiary Button
Destructive / warning actions only. Background: Red #f9574d, text: White.
Default
Hover / Active
Disabled
Icon Left
Icon Right
Small (36px)
VerapathButton (base, explicit Variant)
Using the base component with an explicit Variant parameter instead of named wrappers.
Primary
Secondary
Tertiary