Buttons
Button tag
Use the <btn>
elements.
<btn>btn</btn>
Options
Use any of the available button option
to quickly create a styled button.
Default
Primary
Success
Info
Warning
Danger
Link
<btn>Default</btn>
<btn option="primary">Primary</btn>
<btn option="success">Success</btn>
<btn option="info">Info</btn>
<btn option="warning">Warning</btn>
<btn option="danger">Danger</btn>
<btn option="link">Link</btn>
Sizes
Fancy larger or smaller buttons? Set the size
attributes for additional sizes: lg
, sm
, or xs
Large button
Large button
Default button
Default button
Small button
Small button
Extra small button
Extra small button
<btn option="primary" size="lg">Large button</btn>
<btn size="lg">Large button</btn>
<btn option="primary">Default button</btn>
<btn>Default button</btn>
<btn option="primary" size="sm">Small button</btn>
<btn size="sm">Small button</btn>
<btn option="primary" size="xs">Extra small button</btn>
<btn size="xs">Extra small button</btn>