CLI previewInstall commands shown on this site are not released yet.

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-state
bash
npx grassroot@latest add ui/empty-state
bash
yarn dlx grassroot add ui/empty-state
bash
bunx grassroot add ui/empty-state

API Reference

EmptyStateProps
PropTypeDefault
iconIcon node (Lucide, 1.5px stroke). Rendered in a framed tile.React.ReactNode
titlerequiredstring
descriptionstring | undefined
actionAction node(s) — typically a Button.React.ReactNode