---
title: "Tab"
id: "tab"
description: "Tab switches multiple panels by selectable buttons."
headOnly: true
components: ["Tab"]
---

## Overview

import Default from "@/demo/Tab/Default";

<CodeSandbox {...Default} />

## Usage with Headless UI

import WithHeadlessUI from "@/demo/Tab/WithHeadlessUI";

<CodeSandbox {...WithHeadlessUI} />
