Button

Use Tailwind's custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Basic Buttons

Default

Use the .rounded .rounded.bg-blue-700 classes.


Rounded

Use a class .rounded to create round button.

Buttons .rounded .rounded.bg-opacity-[0].bg-blue-700

Use the .rounded .rounded.border-blue-700 classes.

Button Sizes

Use the py-3 px-3 or py-1 px-1 classes.

Button States

Use the .opacity class.

Icon Button

Use the SVG and .inline-flex label / classes.

Only Icon Button

Use the SVG label.

Sizes.

Button Group

Vertical Variation