Floating Bar

Layout

Fixed toolbar bar that appears/disappears with optional dismiss button.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for layout/floating-bar

Instalação via CLI

$ npx kikitocn add floating-bar

Exemplo de uso

Floating BarExample.tsx

import { FloatingBar } from "@/components/ui/cn/floating-bar/FloatingBar";

export function FloatingBarExample() {
  return (
    <FloatingBar />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo da barra
`position`	`'top' \| 'bottom'`	`'bottom'`	Posição vertical da barra
`visible`	`boolean`	`true`	Controla visibilidade
`onDismiss`	`() => void`	—	Callback ao fechar
`className`	`string`	—	Classes CSS extras

Voltar para Layout

Carregando…