Feedback

EmptyState

A composable "no data" placeholder — centered icon, title, description, and an optional action — for empty lists, empty search results, or an empty Kanban column.

EmptyState

Preview

3 results for "vesture".

Usage

tsx

import { EmptyState, Button } from "@vesture/react";

<EmptyState
  title="No results found"
  description="Try adjusting your search or filters."
  action={<Button onClick={clearFilters}>Clear filters</Button>}
/>

Behavior

Deliberately minimal: it's a layout/composition primitive, not a widget. icon accepts any ReactNode — the library doesn't ship an icon set, so bring your own SVG or icon component.
title is the only required prop. description and action render only when passed, so a bare title works fine for a tight space.

Props

Prop	Type	Default	Description
title	string	—	Required.
icon	ReactNode	—	Rendered above the title at a large size. Omit for no visual.
description	string	—	Supporting copy below the title.
action	ReactNode	—	Typically a Button, rendered below the description.