tarve
Docs GitHub

Empty

An empty state with icon, message and call to action.

EmptyProps packages/core/src/form-controls.ts:68 ↗

Import

import { Empty } from "@tarve/core";

Usage

Empty.tsx
import { Button, Empty, Icon } from "@tarve/core";

<Empty
  icon={<Icon name="folder" size={28} />}
  title="No projects yet"
  description="Create your first project to get started."
  action={<Button>New project</Button>}
/>

Props

PropTypeDefault
title required string—
action Child—
description string—
icon Child—

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle