InfoRow — componente React Native

Instalación

Instala solo este componente (copia el código fuente a tu proyecto, sin dependencia npm)

npx orn-ui add info-row

O instala el paquete completo e impórtalo

pnpm add orn-ui
import { InfoRow } from 'orn-ui/info-row';

Depende de:core (theme + icons)avatar

Uso

cuándo usarlo — Filas de detalle de solo lectura con ícono: datos de contacto, metadatos de una orden.
placeholder — Obligatoria, porque el valor ausente es el caso común — deja el hueco explícito en vez de un espacio vacío.

Clip del demo todavía sin grabar — ver MEDIA.md

Variantes

With value

<InfoRow icon="info" label="Email" value="jane@example.com" placeholder="No email" />

Missing value

<InfoRow icon="info" label="Phone" value={undefined} placeholder="No phone number" />

Different icon

<InfoRow icon="check" label="Status" value="Verified" placeholder="Unverified" />

Código completo del demo

const variants: VariantDef[] = [
  { label: 'With value', content: <InfoRow icon="info" label="Email" value="jane@example.com" placeholder="No email" /> },
  { label: 'Missing value', content: <InfoRow icon="info" label="Phone" value={undefined} placeholder="No phone number" /> },
  { label: 'Different icon', content: <InfoRow icon="check" label="Status" value="Verified" placeholder="Unverified" /> },
];
return <VariantList variants={variants} />;

Props

Nombre	Tipo	Por defecto	Descripción
`icon`	`IconName`	—	—
`label`	`string`	—	—
`value`	`string`	—	—
`placeholder`	`string`	—	—
`style?`	`StyleProp<ViewStyle>`	—	—