Menus & Actions

Radial Action Menu

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

Preview

action control

Radial Action Menu

open radial actions

bash

Copied

1pnpm dlx shadcn@latest add https://ryong.dev/r/flower-menu.json

bash

Copied

1npx shadcn@latest add https://ryong.dev/r/flower-menu.json

bash

Copied

1yarn dlx shadcn@latest add https://ryong.dev/r/flower-menu.json

bash

Copied

1bunx shadcn@latest add https://ryong.dev/r/flower-menu.json

typescript

Copied

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

Prop	Type	Default	Description
className	string	-	Additional classes merged onto the component.
items	FlowerMenuItem[]	-	Menu actions.
variant	"default" \| "glass"	"default"	Visual surface style.