Primitivedata-display

Android

Stable

A mockup of an Android device.

Instalação

npx up-web-ds add android

Preview

Default

Video

All states

Default

Video

Usage

@/components/ui/android
import { Android } from '@/components/ui/android'
Android
<Android src={screen} className="h-auto w-72" />

Props

Props de Android
PropTypeDefaultDescription
heightnumberDEVICE_HEIGHT
srcstringsem valor padrão
videoSrcstringsem valor padrão
widthnumberDEVICE_WIDTH

Estende AndroidProps. Aceita também os atributos padrão de um elemento React (486 não listados).

Metadata

Notas de acessibilidade

Verificado em android.test.tsx e tests/e2e/android.spec.ts no Chromium desktop e mobile. O mockup inteiro é decorativo e permanece aria-hidden, sem papel, nome ou parada de tabulação; teclado e toque continuam destinados ao conteúdo ao redor. O vídeo é muted, playsInline e tabIndex={-1}; sob prefers-reduced-motion: reduce, autoplay e loop são removidos, deixando o primeiro quadro estático. IDs de clipPath são únicos por instância, então múltiplos aparelhos preservam o próprio recorte.

Classificação

Layer
Primitive
Domínio
Domain-free (compartilhado)
Categoria
data-display
Status
Stable

Origem e distribuição

Fonte
magic registry / android
Licença
MIT
URL
https://magicui.design/r/android.json
Distribuição
Interna

Acessibilidade

  • Teclado: revisado
  • Leitor de tela: revisado
  • Touch: revisado
  • Reduced motion: revisado

Dependências

Pacotes
Nenhuma
Ícones
Nenhum
Construído sobre
Nenhum
Usado por
Nenhum ainda