---
type: "Components"
category: "Other"
parent: "Toolbar"
title: "Content"
date: "2030-10-10"
---

## Size

Use **Tailwind CSS** to assign size (e.g. [padding](https://tailwindcss.com/docs/padding), [font-size](https://tailwindcss.com/docs/font-size)).

Use **Tailwind CSS** to assign width (e.g. [width](https://tailwindcss.com/docs/width), [max-width](https://tailwindcss.com/docs/max-width)).

Use [list space](/components/list/content#space) to space content.

<demo>
  <demoinline src="demos/components/toolbar/size">
  </demoinline>
</demo>

## Merge

You can make group a **single interactive object**, just put `button` tag including the interactive elements, be sure to use `group` class and variants.

<demo>
  <demoinline src="demos/components/toolbar/merge">
  </demoinline>
</demo>
