Window Frame

Display

Decorative browser/app window chrome wrapper with macOS or browser variants.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/window-frame

Instalação via CLI

$ npx kikitocn add window-frame

Exemplo de uso

Window FrameExample.tsx

import { WindowFrame } from "@/components/ui/cn/window-frame/WindowFrame";

export function WindowFrameExample() {
  return (
    <WindowFrame />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo da janela
`variant`	`'macos' \| 'browser' \| 'terminal'`	`'macos'`	Estilo da moldura
`title`	`string`	—	Título na barra da janela
`url`	`string`	—	URL exibida (para variant browser)
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…