Empty

Empty presents clear empty state screens when lists or datasets have no records.

Usage

EmptyExample.tsx

import { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, Button } from '@masumdev/rn-ui';

export function EmptyExample() {
  return (
    <Empty>
      <EmptyHeader>
        <EmptyTitle>No Notifications</EmptyTitle>
        <EmptyDescription>You have read all your recent updates.</EmptyDescription>
      </EmptyHeader>
      <EmptyContent>
        <Button size="sm">Refresh Feed</Button>
      </EmptyContent>
    </Empty>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	Empty state layout elements.