Buttons


The Clicky Wonderland

1. Solid buttons

Add the class btn for the output to be like a button.

solid-{type} outputs a button with the specified type. You can change the colors of the types by overwriting the css variable --color-{type}

Available types are:
1) primary
2) warning
3) success
4) danger

Don't forget to add class btn for it to look like a button.

no-animationno-transition classes can be used to remove animations and transitions respectively.

2. Outlined Buttons

Add the class btn for the output to be like a button.

outlined-{type} outputs a button with the specified type. You can change the colors of the types by overwriting the css variable --color-{type}

Available types are:
1) primary
2) warning
3) success
4) danger

Don't forget to add class btn for it to look like a button.

3. Sized Buttons

4. Block Buttons

5. Icon Buttons

6. Round Buttons

7. Glow Buttons