Floating Bar

Layout

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

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 position="top">
      Floating Bar
    </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
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Layout

Carregando…

Floating Bar

Floating Bar

Default

Default