EmptyCard

A 2nd-order composition of Card + EmptyState. Renders a Card with a centered empty state inside, useful for empty table states and data views.

Data Displayemptycardplaceholdertableno-data

Empty table

import { EmptyCard } from '@primstack/ui/empty-card'

<EmptyCard
  title="No results"
  description="Try adjusting your search"
  action={<Button variant="outline">Clear filters</Button>}
/>

No results

import { EmptyCard } from '@primstack/ui'

<EmptyCard
  icon="search"
  title="No results found"
  description="Try adjusting your search or filters."
  action={<Button variant="outline">Clear filters</Button>}
/>

Related Components

EmptyState

Placeholder UI for empty lists, search results, or pages.

data-displayplaceholderempty

Card

Composable container with header, content, and footer slots.

data-displaycontainersurface