empty

Centred empty-state placeholder for empty lists and no-results searches.

Pass icon, title, and description; children render as an actions row beneath the copy.

import { Empty } from '@fluixi-ui/empty';
import { Button } from '@fluixi-ui/button';

<Empty
  icon={<InboxIcon />}
  title="No orders yet"
  description="Orders will show up here once customers start buying."
>
  <Button>Create order</Button>
</Empty>

Styled via the data-empty, data-empty-icon, data-empty-title, data-empty-description and data-empty-actions hooks.

Part of the Fluixi UI component library. Made with ☕ by the Fluixi team.

Examples

empty