The CommandOrbit is a sophisticated interaction hub. It features a central trigger that, when clicked, expands a set of secondary actions in a radial pattern with staggered entrance animations.
Preview
Usage
Installation
$ pnpm dlx shadcn add https://klarden.vercel.app/r/command-orbit.json
Basic Example
import { CommandOrbit } from "@/components/command-orbit";
export default function App() {
return <CommandOrbit radius={80} />;
}
Properties
| Prop | Type | Default | Description |
|---|---|---|---|
actions | OrbitAction[] | defaultActions | Array of actions to display in the orbit. |
radius | number | 80 | The distance from the center to the orbiting items. |
showLabels | boolean | true | Whether to show tooltips on hover. |
className | string | — | Additional CSS classes for the container. |