Buttons

You can easily style a button or a link by adding the base class btn and then by applying a color variation class.

You can also achieve outline styles for your buttons by using the related classes.

Finally, there is also an alternative style which you can use with your buttons.

You can easily add a ripple effect on click to any button you want by adding data-toggle="click-ripple".

You might need various button sizes based on your content and context. Making your buttons smaller or larger is as easy as adding an extra size variation class. It can be applied along with any other color or shape variation class to create the button that fits you best.

You can easily have a square button by adding the rounded-0 class.

The same way, by adding the rounded-pill class, you can have rounded buttons.

If you need to disable a button, just add the disabled attribute.

You can use any icon you like with your buttons! Prefer the ones that better represent the action of each button.