| 属性 | 説明 |
|---|---|
| バリアント | 「variant」属性は、伝えたいアラートの種類に合わせて Avonni Alert コンポーネントの外観をカスタマイズすることを可能にします。利用可能なバリアントには次のものがあります。
伝えたいメッセージに合わせたバリアントを選択することで、ユーザの理解をより明確にできます。 |
| コンテンツ | 「content」属性は、Avonni Alert コンポーネント内で伝えたい主要なメッセージや情報を指定します。アラート内に表示されるテキストコンテンツを保持し、ユーザに特定の通知や状況を知らせます。 |
| アイコン名 | 「icon name」属性では、Avonni Alert コンポーネントに特定のアイコンを設定できます。アイコン名を指定することで、アラートの性質や文脈を視覚的に表現し、メッセージにユーザの注意を即座に引き付けることができます。 |
| アイコンサイズ | Avonni Alert コンポーネントの「icon size」属性はアイコンのサイズを制御します：
|
| 閉じられるかどうか | 「Is Dismissible」属性を有効にすると、ユーザがインターフェース上で Avonni Alert を閉じたり却下したりできるようになります。有効にすると、アラートに閉じるボタンが表示され、ユーザによる手動での除去が可能になります。 |
| 属性 | 説明 |
|---|---|
| 間隔 | Avonni Alert コンポーネントの間隔スタイリング設定では、マージンの調整が可能です：
|
| 背景 | Avonni Alert コンポーネントの背景スタイリング設定は、背景のカスタマイズを提供します：
|
| テキスト | Avonni Alert コンポーネントのテキストスタイリング設定では、テキストのカスタマイズが可能です：
|
| ボーダー | Avonni Alert コンポーネントのボーダースタイリング設定では、境界線の外観をカスタマイズするオプションを提供します：
|
| アイコン | Avonni Alert コンポーネントのアイコンスタイリング設定では、アイコンの外観に関するさまざまなカスタマイズが可能です：
|