メインコンテンツへスキップ
ホーム/コンポーネント/データ表示/空状態

EmptyState

データがない状態を表示するコンポーネント。

import { EmptyState } from "@blueai/ui"

Examples

With Action
📄

まだ請求書がありません

最初の請求書を作成して、請求業務を始めましょう。

Without Action
🔍

検索結果がありません

別のキーワードで検索してみてください。

Props

PropTypeDefaultDescription
iconReactNode表示するアイコン
title*stringタイトル
descriptionstring説明テキスト
actionReactNodeアクションボタン等