Empty State

A placeholder for sections that have no content to display.

Installation

Import the component from the passport-ui package.

components/example.tsx
1
import { EmptyState } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1
2
3
4
5
<EmptyState
title="No results found"
description="Try adjusting your search or filter to find what you're looking for."
action={<Button>Clear filters</Button>}
/>

Additional resources

Documentation and examples are available in Storybook.