None
No sheets yet
The press is idle. The grid is empty on purpose.
Empty
A vacant cell. Title, one sentence, optional action.
No projects yet
Start one. The grid is empty on purpose.
Install
npx @noordvc/raster-cli add empty
Markup
<div class="rs-empty"><p class="rs-empty-title">No projects yet</p><p class="rs-empty-body">Start one. The grid is empty on purpose.</p><div class="rs-empty-action"><button class="rs-btn-ghost rs-btn-sm">New project</button></div></div>
React
import { Empty } from "@/components/raster/empty";
import { Button } from "@/components/raster/button";
<Empty title="No projects yet" action={<Button variant="ghost" size="sm">New project</Button>}>
Start one. The grid is empty on purpose.
</Empty>Classes
.rs-empty.rs-empty-title.rs-empty-body.rs-empty-action