Empty

Empty displays a placeholder when a list, table, or page contains no items.

Code

<Empty>
  <EmptyHeader>
    <EmptyMedia variant="icon">
      <ShoppingCartIcon />
    </EmptyMedia>

    <EmptyTitle>No orders</EmptyTitle>

    <EmptyDescription>No orders have been placed yet.</EmptyDescription>
  </EmptyHeader>

  <EmptyContent>
    <Button>Create order</Button>
  </EmptyContent>
</Empty>

API

Empty

No documented props

EmptyContent

No documented props

EmptyDescription

No documented props

EmptyHeader

No documented props

EmptyMedia

Name	Type/Description
variant = "default"	"default" | "icon" | null | undefined

EmptyTitle

No documented props