Empty State
Displays an empty state
No Data AvailableTry adjusting your filters.
<EmptyState
variant="empty1"
heading="No Data Available"
subHeading="Try adjusting your filters."
icon={<X size={16} />}
primaryAction={<Button>Primary Action</Button>}
secondaryAction={<Button variant="text">Secondary Action</Button>}
/>EmptyState Props
| Prop | Type | Default |
|---|---|---|
icon | ReactNode | - |
heading | string | - |
subHeading | string | - |
primaryAction | ReactNode | - |
secondaryAction | ReactNode | - |
variant | "empty1" | "empty2" | "empty1" |
classNames | { container?: string | undefined; iconContainer?: string | undefined; icon?: string | undefined; heading?: string | undefined; subHeading?: string | undefined; } | - |