EmptyState

What a list shows where it has nothing to show.

Solidtype_heroui.Empty_state is a <div> with the class HeroUI’s own emptyStateVariants gives, which a list, a table or a select shows where it has nothing to show. It says “No results found” unless it is given children. HeroUI keeps it for its lists and gives it no page of its own; it has no behaviour, so no Kobalte component underlies it.

Usage

No results found

No tasks yet

module Empty_state = Solidtype_heroui.Empty_state

let make () =
  <div class_="flex flex-col gap-4">
    <Empty_state /> <Empty_state>"No tasks yet"</Empty_state>
  </div>

Styling Reference

CSS Classes

.empty-state

API Reference

React	solidtype	Type	Default	Description
`className`	`class_`	`string`		Added after HeroUI’s class
`children`	`children`	elements	“No results found”	What it says

Beside React

Original HeroUI source: EmptyState, which heroui.com has no page for.