UI - Buttons

Buttons

Solid Solid Rounded Ghost Ghost Rounded Icon Button

Class Structure

Size

Size

Color

Border

Property

icon large button small color border-color Rounded

Large

Default

Small

Black Black Black Darkest Darkest Darkest Darker Darker Darker Dark Dark Dark Medium Medium Medium Light Light Light Lighter Lighter Lighter Lightest Lightest Lightest White White White Primary Dark Primary Dark Primary Dark Primary Primary Primary Primary Light Primary Light Primary Light Secondary Dark Secondary Dark Secondary Dark Secondary Secondary Light Secondary Secondary Secondary Light Tertiary Secondary Light Tertiary Tertiary Tertiary Tertiary Dark Tertiary Light Tertiary Dark Tertiary Dark Tertiary Light Tertiary Light

Black Black Black Darkest Darkest Darkest Darker Darker Darker Dark Dark Dark Medium Medium Medium Light Light Light Lighter Lighter Lighter Lightest Lightest Lightest White White White Primary Primary Primary Primary Dark Primary Dark Primary Dark Primary Light Primary Light Primary Light Secondary Secondary Dark Secondary Light Secondary Secondary Secondary Dark Secondary Dark Secondary Light Secondary Light

Ghost Large

Ghost Default

Ghost Small

Darkest Border Darkest Border Darkest Border Darker Border Darker Border Darker Border Dark Border Dark Border Dark Border Medium Border Medium Border Medium Border Light Border Light Border Light Border Lighter Border Lighter Border Lighter Border Lightest Border Lightest Border Lightest Border White Border White Border White Border Primary Border Primary Border Primary Border Primary Dark Border Primary Dark Border Primary Dark Border Primary Light Border Primary Light Border Primary Light Border Secondary Dark Border Secondary Light Border Secondary Border Secondary Border Secondary Border Secondary Dark Border Secondary Dark Border Secondary Light Border Secondary Light Border Tertiary Border Tertiary Border Tertiary Border Tertiary Dark Border Tertiary Dark Border Tertiary Dark Border Tertiary Light Border Tertiary Light Border Tertiary Light Border

Darkest Border Darkest Border Darkest Border Darker Border Darker Border Darker Border Dark Border Dark Border Dark Border Medium Border Medium Border Medium Border Light Border Light Border Light Border Lighter Border Lighter Border Lighter Border Lightest Border Lightest Border Lightest Border White Border White Border White Border Primary Border Primary Border Primary Border Primary Dark Border Primary Dark Border Primary Dark Border Primary Light Border Primary Light Border Primary Light Border Secondary Dark Border Secondary Light Border Secondary Border Secondary Border Secondary Border Secondary Dark Border Secondary Dark Border Secondary Light Border Secondary Light Border Tertiary Border Tertiary Border Tertiary Border Tertiary Dark Border Tertiary Dark Border Tertiary Dark Border Tertiary Light Border Tertiary Light Border Tertiary Light Border

Icon