Empty

Use the Empty component to display an empty state.

Preview

No Projects Yet
You haven't created any projects yet. Get started by creating your first project.
Learn More

Installation

$npx maddex add Empty

Usage

1<!-- @import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from ../../lib/components -->
2
3<Empty>
4  <EmptyHeader>
5    <EmptyMedia variant="icon">
6      <Icon />
7    </EmptyMedia>
8    <EmptyTitle>No data</EmptyTitle>
9    <EmptyDescription>No data found</EmptyDescription>
10  </EmptyHeader>
11  <EmptyContent>
12    <Button>Add data</Button>
13  </EmptyContent>
14</Empty>