Empty state

Centered empty panels with title, description, and optional action.

Preview

Interactive examples use the same @flux/ui build as production. Toggle theme in the header for light and dark. Motion tokens and layout patterns live under Motion and Patterns in the sidebar.

Live preview

Nothing here yet

Create your first record to get started.

Title only

Installation

Add the package to your app (full Next.js + Tailwind steps on Installation):

npm install @payglocal_ui/flux-ui

Usage

Import

import { EmptyState, Button } from "@payglocal_ui/flux-ui";

Example

<EmptyState
  title="No results"
  description="Try adjusting filters."
  action={<Button variant="outline" size="sm">Reset</Button>}
/>