Menus & Actions

Radial Action Menu

중앙 버튼을 기준으로 액션이 꽃처럼 펼쳐지는 플로팅 메뉴입니다.

Preview

action control

Radial Action Menu

open radial actions

Installation

bash
Copied
1pnpm dlx shadcn@latest add https://ryong-blog.vercel.app/r/flower-menu.json

Code

typescript
Copied
1import { FlowerMenu } from "@/components/flower-menu"23export default function Example() {4  return <FlowerMenu items={items} />5}

Props

className

Type
string
Default
-
Description
Additional classes merged onto the component.

items

Type
FlowerMenuItem[]
Default
-
Description
Menu actions.

variant

Type
"default" | "glass"
Default
"default"
Description
Visual surface style.

Reference

Animata Flower Menu