EmptyState

#Default usage

#Usage

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

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

#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.