Components UI Elements Buttons

Buttons

Predefined button styles, each serving its own semantic purpose.

Class Reference Values
class="btn btn-za-[value]" primary | secondary | light | dark

Predefined button styles, each serving its own semantic purpose.

Class Reference Values
class="btn btn-[value]" primary | secondary | success | warning | danger | info | light | dark

Predefined button styles, each serving its own semantic purpose.

Class Reference Values
class="btn btn-outline-[value]" indigo | primary | secondary | success | warning | danger | info | light | dark

Predefined button styles, each serving its own semantic purpose.


A basic button with added icons.


A button variant for using only icons.


A button variant for using only icons.


Group a series of buttons together on a single line with the button group.