StoreHubWeb Kit

Clear feedback for empty, loading, successful, and interrupted moments across POS, payments, loyalty, and inventory workflows.

Empty state

src/components/components/state/EmptyState.astro
  • state
  • empty
  • inventory
  • action
#
Usage
<EmptyState title="..." description="..." />

Skeleton

src/components/components/state/Skeleton.astro
  • state
  • loading
  • dashboard
  • responsive
#
Loading today's sales and orders
Usage
<Skeleton ariaLabel="Loading sales dashboard" />

Thank you

src/components/components/state/ThankYou.astro
  • state
  • success
  • loyalty
  • confirmation
#

Setup complete

Your loyalty campaign is ready

Customers can now collect points at checkout across all connected StoreHub POS outlets.

Campaign: Lunch Club Rewards
Usage
<ThankYou title="..." description="..." />

Error block

src/components/components/state/ErrorBlock.astro
  • state
  • error
  • pos
  • recovery
#
Usage
<ErrorBlock title="..." description="..." />