# Split Button

> Material 3 Expressive split button — the trailing half rounds into a circle and flips its chevron as a native popover menu unfurls from its anchor.

## Details

- **Slug**: `split-button`
- **Tags**: controls, minimal
- **Inspired by**: [Material 3 Expressive split button](https://m3.material.io/components/split-button/overview)

## Links

- [Registry item](https://www.uicapsule.com/r/split-button.json): install with `npx shadcn@latest add https://www.uicapsule.com/r/split-button.json`
- [Raw source JSON](https://www.uicapsule.com/api/content/split-button): every file, as JSON
- [Bare preview](https://www.uicapsule.com/preview-frame/split-button): the component with no site chrome

## Files (3)

Full contents are in the registry item linked above.

- `/package.json`
- `/preview.tsx`
- `/split-button.tsx`

---

[UICapsule](https://www.uicapsule.com) · [All components](https://www.uicapsule.com/llms.txt)