Skip to content

EmptyState

Empty state placeholder.

Import

tsx
import { ZEmptyState } from "@zurto/ui";

Usage

tsx
<ZEmptyState
  icon={<InboxIcon />}
  title="No messages"
  description="You haven't received any messages yet."
  action={<ZButton>Compose</ZButton>}
/>

Props

PropTypeDefaultDescription
iconReactNodeIcon element
titlestringTitle text
descriptionstringDescription
actionReactNodeAction button

Released under the MIT License.