Empty Message

The EmptyMessage component is used to display a placeholder message when there is no data to show in a table or list.

import { EmptyMessage } from "tawuniya/components";

👉 View in Storybook

---

Props

Prop	Type	Default	Description
icon	React.ReactNode	<Icon name="empty-state" />	Icon to display above the message.
title	string	-	Main title text for the empty state.
description	string	-	Secondary description or message text.

Usage

Basic Example

<EmptyMessage
  title="No Records"
  description="There are no entries to display."
/>

With Custom Icon

<EmptyMessage
  icon={<CustomIcon />}
  title="No Data"
  description="Try adjusting your filters."
/>

Notes

• If no icon is provided, a default empty-state icon is rendered.