Dock

Layout

macOS-style app dock with cosine proximity magnification and click bounce.

UnificadosMac Dock

Mac Dock

Unificado

Instalação via CLI

$ npx kikitocn add dock

Interno:

@/lib/utils@/lib/motionmotion

Exemplo de uso

DockExample.tsx

import { Dock } from "@/components/ui/cn/dock/Dock";

export function DockExample() {
  return (
    <Dock />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`apps*`	`DockApp[]`	—	Array de { id, name, icon: ReactNode }
`openApps`	`string[]`	—	IDs dos apps abertos (mostra dot indicador)
`onAppClick`	`(appId: string) => void`	—	Callback ao clicar num app
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline extras

Carregando…