Window Frame

Display

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

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 variant="macos">
      Window Frame
    </WindowFrame>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo da janela
`variant`	`'macos' \| 'windows' \| 'minimal'`	`'macos'`	Estilo da moldura
`title`	`string`	—	Título na barra da janela
`url`	`string`	—	URL exibida (barra de endereço, macos/windows)
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline pro container

Voltar para Display

Carregando…

Window Frame

Window Frame

Chrome styles

Chrome styles