Empty states

No collections

Start a collection and bring your references together.

Reason for empty view

First visitNo resultsFailed

Usage

Explain why the view is empty and offer the action that resolves it. Distinguish a first visit from a search with no matches and a failed request.

Exports / EmptyState

Patterns

React

import { EmptyState, Button } from "./folio";

<EmptyState title="No matching work" description="Try a broader search or clear your filters."
  action={<Button onClick={() => console.log("Clear filters")}>Clear filters</Button>} />