1. Components
  2. Button Group

Components

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.

Basic usage

Example

A button group displays multiple buttons together.

Sizes





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.

Vertical

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

Toolbar

WYSIWYG Editor toolbar button group.