EmptyState

PreviousNext

Empty list / no results.

import { EmptyState } from "@/rl-ui";

<EmptyState
message="No projects yet"
description="Create your first project to get started."
/>

Examples

With actions

import { EmptyState } from "@/rl-ui";

<EmptyState
message="No tasks"
description="Add a task to populate this list."
primaryAction={{ children: "Add task", variant: "primary" }}
secondaryAction={{ children: "Import", variant: "secondary" }}
/>

API

PropTypeDefaultDescription
messageReactNode—Primary empty message (required).
descriptionReactNode—Supporting text.
iconIconProps—Optional icon override.
primaryActionButtonProps—Primary CTA props.
secondaryActionButtonProps—Secondary CTA props.