Buttons

Learn about Buttons and how to use them in the Base System

Overview

The Base System provides three different button sizes, along with combo classes to manage different style variants.

Base Classes	Property
Button Large	Large Primary Button
Button	Primary Button
Button Small	Small Primary Button

Combo Classes	Property
Outline	Border
Secondary	Secondary background
Ghost	No background or border

Button Icons	Property
Button Icon Left	Left icon for buttons
Button Icon Right	Right icon for buttons

• Buttons have flex and gap spacing applied so icons can easily be added or removed.

• By default If you want to remove some padding from the icon side for visual harmony, simply add a combo class of Icon Left or Right.