EmptyState

Prop-driven empty-state shell — a dashed, centered container. Domain-agnostic: the caller supplies the message (e.g. a <p>) and any action as children.

import { EmptyState } from "@evolve-storefront/ui/empty-state";

Preview

DefaultOpen in Storybook ↗

Usage

<EmptyState>
  <p>{t("noOrders")}</p>
</EmptyState>;

Props

No props of its own.

Examples

With Action

<EmptyState>
  <p>{t("noShoppingLists")}</p>
  <Button onClick={onCreate}>{t("createShoppingList")}</Button>
</EmptyState>;

Open in Storybook ↗