sigilUI

Dock

Group frequently used actions in a compact dock.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Dock } from "@sigil-ui/components";

Usage

<Dock className="static translate-x-0" aria-label="Quick actions"><Button variant="ghost">Search</Button><Button variant="ghost">Settings</Button></Dock>

CLI

npx @sigil-ui/cli add dock

Token Integration

Dock follows the Sigil component rules: styles resolve from var(--s-*), class names are mergeable through className, and the component is exported from @sigil-ui/components.