EmptyState

EmptyState defines how EnterUI handles a quiet zero-state surface for missing data or first-run flows, including default structure, accessible states, and token-driven styling.

#Default usage

<EmptyState
  title="No records selected"
  description="Choose a component or adjust filters to inspect usage."
  action={<Button variant="secondary">Clear filters</Button>}
/>

#Import

import { Button, EmptyState } from "@froggdesign/enter-ui-react";

#Accessibility

EmptyState is regular document content. Use clear headings and actions that explain the next useful step.

#API

• title, description, icon, and action accept React nodes.
• Extends div props.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.