WebsiteButton Component Test

Size Variations (Primary Variant + Primary Color Theme)

Small ButtonMedium ButtonLarge Button

All Style and Colour Combinations

primary Colour

Buttonsolid Style
Linktext Style

secondary Colour

Buttonsolid Style
Linktext Style

accentDark Colour

Buttonsolid Style
Linktext Style

white Colour

Buttonsolid Style
Linktext Style

greyLight Colour

Buttonsolid Style
Linktext Style

grey Colour

Buttonsolid Style
Linktext Style

greyDark Colour

Buttonsolid Style
Linktext Style

primaryLight Colour

Buttonsolid Style
Linktext Style

secondaryLight Colour

Buttonsolid Style
Linktext Style

accentLight Colour

Buttonsolid Style
Linktext Style

none Colour

Buttonsolid Style
Linktext Style

Link Type Demonstrations

Internal Link

Go to Home

External Link

Open Google

Scroll Link

Scroll to Bottom

Custom className Override Examples

Custom Red ButtonCustom RoundedCustom Text Style

Unstyled Buttons (No Style Props)

Completely UnstyledOnly className Styling

🎯 Scroll Target Reached!

The scroll link worked successfully.