Components

Buttons

Buttons are one of the most important components, as they help people communicate with the system and get expected feedback and result from it.

Components

Sprkl supports large variety of button styles and can serve plenty of purposes. Every button group supports different button size and button type (icons buttons, fab). All button groups sorted by importance (primary, secondary, outline, ghost, tertiary buttons).

Primary

Buttons / Primary / Fab

Secondary

Buttons / Secondary / Fab

Outline

Buttons / Outline / Fab

Ghost

Buttons / Ghost / FAB

Tertiary

Buttons / Tertiary / Fab

Customize

General button styles applied to the Button class and for all buttons defined min-width, so they will look consistent even, if the text is short. To achieve different button size please add size combo class after Button class, e.g. Button Size L