DocsComponentsPrimitives
EmptyState
React example follows below.
ts
import { EmptyState } from "@grassroot/ui-react"; <EmptyState icon={<div>InboxIcon</div>} title="No deployments yet" description="Connect a repository to run your first pipeline."/>No translated snippet for this adapter yet.
No translated snippet for this adapter yet.
No translated snippet for this adapter yet.
ts
import { EmptyState } from "@grassroot/ui-solid"; export function Example() { return ( <> <EmptyState icon={<div>InboxIcon</div>} title="No deployments yet" description="Connect a repository to run your first pipeline." /> </> );}Installation
bash
pnpm dlx grassroot add ui/empty-statebash
npx grassroot@latest add ui/empty-statebash
yarn dlx grassroot add ui/empty-statebash
bunx grassroot add ui/empty-stateAPI Reference
| Prop | Type | Default |
|---|---|---|
iconIcon node (Lucide, 1.5px stroke). Rendered in a framed tile. | React.ReactNode | — |
titlerequired | string | — |
description | string | undefined | — |
actionAction node(s) — typically a Button. | React.ReactNode | — |