EmptyState

EmptyState is part of the States set, imported from @jcsoftdev/ui/states.

Import

import { EmptyState } from "@jcsoftdev/ui/states";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/states/empty-state.

Usage

<EmptyState
  icon={<CalendarX className="size-8" />}
  title="Sin citas para hoy"
  description="Cuando un cliente reserve, su cita aparecerá aquí."
  action={<Button>Nueva cita</Button>}
/>

Props

Prop	Type	Default	Description
icon	ReactNode		Decorative icon; hidden from screen readers.
title *	ReactNode
description	ReactNode
action	ReactNode		Primary call to action.
className	string

* marks a required prop.

Storybook stories

• Default
• Title Only
• Inventory
• Narrow

Source

packages/ui/src/states/empty-state/empty-state.tsx