EmptyState — componente React Native

Instalación

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

npx orn-ui add empty-state

O instala el paquete completo e impórtalo

pnpm add orn-ui
import { EmptyState } from 'orn-ui/empty-state';

Depende de:core (theme + icons)

Uso

cuándo usarlo — Una lista o una búsqueda que no devolvió nada. No para errores — eso es Alert o un estado con reintento.
title / description — El título nombra lo que falta; la descripción dice qué hacer al respecto.
iconName / icon — `search` por defecto. Se cambia para que el ícono coincida con lo que está vacío.

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

Variantes

Search

<EmptyState title="No invoices found" description="Try a different search term" iconName="search" />

Custom icon

<EmptyState title="No clients yet" description="Add your first client to get started" iconName="info" />

Código completo del demo

const variants: VariantDef[] = [
  { label: 'Search', content: <EmptyState title="No invoices found" description="Try a different search term" iconName="search" /> },
  { label: 'Custom icon', content: <EmptyState title="No clients yet" description="Add your first client to get started" iconName="info" /> },
];
return <VariantList variants={variants} />;

Props

Nombre	Tipo	Por defecto	Descripción
`title?`	`string`	—	—
`description?`	`string`	—	—
`iconName?`	`IconName`	search	—
`icon?`	`ReactNode`	—	—
`style?`	`ViewStyle`	—	—