Laptop Mockup

Display

Mockup CSS de um notebook com tela pra imagem ou conteúdo customizado — adaptado de cuicui.day.

Notebook com tela em gradiente por padrão (sem src externo)

Kikito

Instalação via CLI

$ npx kikitocn add laptop-mockup

Interno:

@/lib/utils

Exemplo de uso

Laptop MockupExample.tsx

import { LaptopMockup } from "@/components/ui/cn/laptop-mockup/LaptopMockup";

export function LaptopMockupExample() {
  return (
    <LaptopMockup>
      Laptop Mockup
    </LaptopMockup>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`src`	`string`	—	URL de imagem pra tela (ignorado se `children` for passado)
`alt`	`string`	`'Tela do notebook'`	Texto alternativo da imagem padrão
`children`	`React.ReactNode`	—	Conteúdo customizado da tela — sobrepõe `src`
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…