1. Components
  2. Button Group


Tailwind CSS Button Group

Button groups are prebuilt Tailwind CSS buttons, stacked on a vertical line or placed horizontally. Often used in toolbars, like those in WYSIWYG editors.


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.

Toolbar New

WYSIWYG Editor toolbar button group.