Skip to content

EmptyState

概要

EmptyState はデータが存在しない状態を説明付きで表示するためのコンポーネントです。アイコン、タイトル、説明文を縦に積み、一覧や検索結果の空状態を明確に伝えます。

Usage 使用例

基本

API Reference

EmptyState.Root Props

PropsTypeDefaultDescription
size"sm" | "md" | "lg""md"表示サイズです
classstring追加クラスです

Subcomponents

ComponentDescription
EmptyState.Content中央揃えされた内容ラッパーです
EmptyState.Indicatorアイコンやイラストの領域です
EmptyState.Title見出しです
EmptyState.Description補足文です

Mithril UI Kit Documentation