Buttons

Use these Tailwind CSS button components to surface the different actions someone can perform in your interface. These buttons are designed and built by the Tailwind CSS team, and include a variety of different sizes and styles, including primary and secondary action buttons.

Primary buttons

Get the code

Secondary buttons

Get the code

Primary buttons on dark

Get the code

Secondary buttons on dark

Get the code

Soft buttons

Get the code

Buttons with leading icon

Get the code

Buttons with trailing icon

Get the code

Rounded primary buttons

Get the code

Rounded secondary buttons

Get the code

Circular buttons

Get the code