Clayアラートは、埋め込み型とストライプ型の2種類があります。このチュートリアルでは、両方の種類について説明し、それぞれについて例をいくつか示します。
埋め込みアラート
通常、埋め込みアラートはフォーム内で使用されます。アラートを含む要素は、埋め込まれたアラートの幅を決定します。埋め込みアラートの場合、クローズアクションは必要ありません。Clay taglibsを使用して、次の埋め込みアラートを作成できます。
危険アラート(埋め込み):
<clay:alert
message="This is an error message."
style="danger"
title="Error"
/>
成功アラート(埋め込み):
<clay:alert
message="This is a success message."
style="success"
title="Success"
/>
情報アラート(埋め込み):
<clay:alert
message="This is an info message."
title="Info"
/>
警告アラート(埋め込み):
<clay:alert
message="This is a warning message."
style="warning"
title="Warning"
/>
ストライプアラート
ストライプアラートは、最後のナビゲーション要素(ヘッダーまたはナビゲーションバー)の下に配置され、通常はアクションの保存時に表示され、サーバーから受信したアクションのステータスを伝えます。埋め込みアラートとは異なり、ストライプアラートにはクローズアクションが必要です。ストライプアラートは常にコンテナの全幅であり、その下のすべてのコンテンツをプッシュします。Clay taglibsを使用して、次のストライプアラートを作成できます。
危険アラート(ストライプ):
<clay:stripe
message="This is an error message."
style="danger"
title="Error"
/>
成功アラート(ストライプ):
<clay:stripe
message="This is a success message."
style="success"
title="Success"
/>
情報アラート(ストライプ):
<clay:stripe
message="This is an info message."
title="Info"
/>
警告アラート(ストライプ)
<clay:stripe
message="This is a warning message."
style="warning"
title="Warning"
/>
これで、ユーザーに警告する方法がわかりました。