1. Components
  2. Button Group


Tailwind CSS Button Group

Group a series of buttons together on a single line or stack them in a vertical column.

Basic usage


A button group displays multiple buttons together.


Button group break

Long contents don't fit in small screens? Here's how to break horizontal alignment and keep the same style in vertical order at certain resolutions. Reduce browser size to see it in action.


Make a set of buttons appear vertically stacked rather than horizontally.