Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA create button that fans out Note, Photo and Scan actions, dims the page behind it, closes on Escape or a press outside and announces the chosen action. Use this when one screen can create several kinds of thing and the create button should stay a single control.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when one screen can create several kinds of thing and the create button should stay a single control.
Do not use it for a single create action (use a FAB) or when the kinds need explanation.
It composes @tealmac/speed-dial, which the CLI installs for you.
import { SpeedDialCreateMenu } from "@/components/speed-dial-create-menu"<div className="grid gap-2">
<SpeedDialCreateMenu onCreate={setLast} />
<p className="text-sm">Last created: {last}</p>
</div>| Prop | Type | Default | Description |
|---|---|---|---|
onCreate | (kind: "note" | "photo" | "scan") => void |
The pattern ships with a Testing Library test (speed-dial-create-menu.test.tsx) that drives it through roles and the keyboard.