Buttons Component
Polished, highly versatile button styles crafted for Spark Admin UI actions.
Color Variants
Solid brand colors, clean outlines, and modern soft translucent buttons.
Solid Color Buttons
Outline Buttons
Soft Translucent Buttons
Interactive Elements & Sizes
Icons, sizing, rounded pill shapes, button groups, and dropdown states.
Buttons with Icons
Sizing & Rounded Shapes
Button Groups & Dropdown Actions
Reusable Code Snippets
Copy and paste these button snippets directly into your workspace files.
Core Brand & Soft Buttons
<button class="btn btn-forest-primary">Forest Primary</button>
<button class="btn btn-lime-primary">Lime Accent</button>
<button class="btn btn-soft-forest">Soft Forest</button>
Icon & Dropdown Buttons
<button class="btn btn-forest-primary"><i class="bi bi-plus-lg me-1"></i> Add Item</button>
<button class="btn btn-icon btn-soft-danger"><i class="bi bi-trash"></i></button>