Button Sizes

Each button style comes in 3 different sizes: sm (Small), default (Medium) and lg (Large).

Button Roundness (Border-radius)

Roundness

By default the button comes slightly rounded. You can add roundness to each button by adding either a “rounded-0” or “rounded-circle” class to each button. This will either make it have not border-radius or full border-radius.

Button Icons

You can add an icon to a button by using the icon=”” attribute. View available icons here.

View the Tri buttons documentation.