スコープ通知

Avonni Scoped Notification コンポーネントは、アプリ内で文脈に応じたメッセージやフィードバックを表示する方法を提供します。ユーザーを案内または通知する役立つメモのような存在です。

Scoped Notification の設定

タイトルとコンテンツの追加

• メッセージを作成してください：

  • タイトル： 通知のために簡潔で有益なタイトルを付けてください。

  • コンテントテキスト： ユーザーに伝えたい主要なメッセージを入力してください。

アイコンの追加（任意）

• 視覚的な手がかりでメッセージを強化：

  • 通知の内容と目的に合ったアイコンを選んでください。

バリアントの選択

• カラーテーマを設定：

  • ベース： 中立的なグレー。

  • エラー： 重要なメッセージやエラー向けの赤。

  • ダーク： より控えめな外観のダークグレー。

  • サクセス： 肯定的なフィードバックや成功した操作向けの緑。

  • 警告： 注意を促すメッセージやアラート向けの黄色。

Scoped Notification のスタイリング

• 外観を微調整：

  • レイアウトと余白：

    • マージン： 通知の周りのスペースを調整して、正しい位置に配置します。

    • パディング： 内部の余白を調整して、レイアウトと視覚的快適さを微調整します。

    • サイズ： 特に長いメッセージの場合に一貫した外観を保つために最大幅を設定します。

  • バリアントスタイル： 各バリアント（ベース、エラー、ダーク、サクセス、警告）に関連する色とスタイルをカスタマイズします。

  • アイコンのカスタマイズ： アイコンのサイズ、色、位置を調整します。

インタラクションなし

Scoped Notification コンポーネントは主に情報を表示するための視覚要素であり、対話的な機能やアクションはありません。