Buttons

Smooth UI has basically five types of buttons. Below is the code stating how to use one.

You need to use button class in <button> tag. This will apply default style. With button class you have to use any of the below class as per style need.

Class
Output

btn-primary

btn-success

btn-danger

btn-secondary

Apart from above styles, you can use btn-link to make button look like links, if you are using this class, you need to use txt-* classes to set text colour.

Class
Output

txt-blue

txt-carrot

txt-purple

txt-teal

txt-bluegray

txt-black

txt-white

(Using Carrot Backgroun Colour for demonstration only, as white text will be invisible with white backgrounds)

Last updated