---
type: "Components"
category: "Other"
parent: "Group"
title: "Group"
description: "Group is a component to group up buttons, inputs and other content."
---

## Usage

Use **Tailwind CSS** to assign styles (e.g. [border-radius](https://tailwindcss.com/docs/border-radius)).

Use **Tailwind CSS** to assign alignment (e.g. margin auto, [align-items](https://tailwindcss.com/docs/align-items), [justify-content](https://tailwindcss.com/docs/justify-content)).

Use `.inline-flex` and [flex-direction](https://tailwindcss.com/docs/flex-direction) to **stack**. Use `.flex-auto` to expand items to **fill width**.

> This demos use [list](/components/list) see documentation for more info.

<demo>
  <demoinline src="demos/components/group/usage">
  </demoinline>
</demo>
