# Wheel


## Anatomy

```tsx
import { ChromaPanel } from "chroma-panel/panel";
import "chroma-panel/wheel";

<ChromaPanel modes={["wheel"]} />;
```

The disc is sized by `--cp-disc-size`, and grows when the panel is widened with
the green window control.

## Demo

<ComponentPreview name="chroma-panel-wheel-demo" />

## Mode id

`'wheel'`. List it in `modes` to show the tab, and in the order you want the tabs.