Button Component Demo

Comprehensive showcase of the FunnyFunHouse button system

Solid Buttons

Outline Buttons

Ghost Buttons

Button Sizes

Buttons with Icons

Icon-Only Buttons

Icon-only buttons with different sizes:

Rounded icon-only buttons:

Button States

Disabled state:

Loading state:

Full Width Buttons

Button Groups

Connected button group:

With active state:

Icon button group:

Shape Modifiers

Rounded (pill) buttons:

Square (no border radius) buttons:

Complex Combinations

Common Use Cases

Form Actions

Data Actions

Navigation