Toast (トースト)

Toast コンポーネント シンボルは、非インタラクティブでユーザーが破棄できない短い情報メッセージや通知を表示します。Toast は、定義した時間間隔の後に自動的に非表示になります。Toast は、Ignite UI for Angular Toast コンポーネントと視覚的に同じものです。

Toast のデモ

位置

Toast は、通知するコンテンツの下部、中央、または上部に向かって相対的に配置する必要があります。

スタイル設定

Toast には、背景色とメッセージ テキスト スタイルで使用できるオプションによるスタイル設定の柔軟性があります。ただし、背景との最適なコントラストと読みやすさを維持するために、事前定義された色を使用することをお勧めします。

使用方法

Toast は、常に水平に配置する必要があり、その他の配置はしないようにします。Toast のスタイルは、特徴のある背景色や白や濃い灰色のメッセージ テキストは使用しないようにします。

良い例	悪い例

その他のリソース

コミュニティに参加して新しいアイデアをご提案ください。