Browser

Apresentação

O Browser é um componente de mockup: desenha a moldura de uma janela de navegador, com barra de endereço, ao redor do conteúdo informado. Serve para apresentação visual, não para exibir páginas reais.

Quando usar

• Para ilustrar uma tela web em materiais de apresentação ou onboarding
• Para exibir capturas de tela dentro de uma moldura de navegador
• Para protótipos e demonstrações visuais

Para exibir conteúdo web de verdade, use o Webview.

Forma básica de uso

import { Browser, View, Text } from 'eitri-luminus';

<Browser url="https://eitri.tech">
  <View className="flex justify-center px-4 py-16">
    <Text>Conteúdo exibido dentro da moldura</Text>
  </View>
</Browser>

Propriedades

Propriedade	Tipo	Descrição
url	string	Endereço exibido na barra do navegador. Sem ele, a barra não é renderizada
children	ReactNode	Conteúdo renderizado dentro da moldura
className	string	Classes CSS adicionais
id	string	Identificador único do componente

Heranças

O componente Browser herda todas as propriedades comuns da biblioteca através da interface CommonProps, que inclui:

• Propriedades de estilo (margin, padding, etc)
• Propriedades de layout (flex, grid, etc)
• Propriedades de posicionamento
• Propriedades de acessibilidade
• Propriedades de identificação (id, data-e)

Observações

• A url é apenas decorativa: nada é carregado nem navegado
• Apenas url, children, className e id são utilizados — demais estilos devem ser aplicados por className