Empty State

fandhe-frontend-pre-styled-ui の empty_state mod が提供するスタイル済み Empty State 部品です。

検索結果 0 件・初期状態など「表示すべきコンテンツがない」ことを伝える部品です。content/indicator/title/description/actions の 5 パーツで構成し、size variant で padding を切り替えます。読み込み中の占位表示には Skeleton を検討してください。

Demo

indicator / title / description / actions で構成する空状態レイアウト。colorPalette 軸は持たない中立コンテナです。

∅

No results found

Try adjusting your search or filter to find what you are looking for.

Features

content/indicator/title/description/actions の 5 パーツで空状態の掲示を構造化する（crates/pre-styled-ui/src/empty_state.rs:139-165）
size variant（既定 Md）が root の padding を切り替える（empty_state.rs:111-112）
aria-* は付与しない（empty_state.rs:5）

Anatomy

root
  content
    indicator
    title
    description
    actions

API Reference

Arguments

Name	Type	Default	Description
size	Size	Md	root の padding を切り替えるサイズ（empty_state.rs:111-118）。

Examples

Basic

title + description のみで組み立てた最小構成の例です。

No results

Try a different search.

Accessibility

WAI-ARIA

Attribute	Description
(該当なし)	aria-* は付与しない（empty_state.rs:5、root_has_no_role_attribute 回帰テストあり）。