## slim.

Katherine

###### Buttons

Default Buttons

Predefined button styles, each serving its own semantic purpose.

Button Sizes

A button with small and large size.

Colored Buttons

Predefined button styles, each serving its own semantic purpose.

Additional Colored Buttons

Predefined button styles, each serving its own semantic purpose.

Outline Buttons

Predefined button styles, each serving its own semantic purpose.

Class Reference

Class | Values
--- | ---
`class="btn btn-outline-[value]"` | primary | success | info | warning | danger | indigo | turtle | teal | pink | orange

Rounded Buttons

A very rounded corner for both basic and outline buttons.

Class Reference

Class | Values
--- | ---
`class="btn btn-oblong btn-[value]"` | primary | success | warning | danger | info | teal | indigo | purple | pink | light | dark
`class="btn btn-oblong btn-outline-[value]"`

Button with Icons

A basic button with added icons.

For more icons to use, go to icons page of this template.

Icon Buttons

A button variant for using only icons.

Dropdown Buttons

A button with added dropdown.

Button Groups

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