sigilUI

Empty

Explain an empty state and guide the user toward a next step.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Empty } from "@sigil-ui/components";

Usage

<Empty>No items found</Empty>

Props

PropTypeDefaultDescription
iconReactNode—Icon configuration.
titlestring—Heading displayed in the component.
descriptionstring—Supporting text below the heading.
actionReactNode—Action configuration.

Token integration

CSS VariablePurpose
--s-text-mutedText muted
--s-textText