Dock
A simple customizable Dock component with a variety of variants to choose from.
NOTE: This is a starting point for the Dock component. You can customize it according to your needs, we are adding more variants as you read this guide, so stay tuned for more updates.
Examples
Installation
npx shadcn@latest add "https://aurora-ui-opal.vercel.app/c/dock.json"
Component Props
You can customize the content of the Dock by passing the following props:
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content to be displayed inside the Dock. |
| className | string | - | Additional class names to be applied to the Dock. |
| variant | default | destructive | success | default | Variant of the Dock. |
| size | default | sm | lg | icon | default | Size of the Dock. |
| ...props | any | - | Additional props to be passed to the Dock. |