Semantic UI Doc ( Collections - Message ) を読む
Semantic UI の Message を読んだ。メッセージにテーマは 3 個ある。
メッセージはタイトルと文章が枠で囲まれた見た目をしていて、近くのコンテンツを説明するのに使う。
いくつかコンテンツのタイプがあり、タイトルと文章の通常メッセージに以下を追加・置き換えすることができる。
- リスト
- アイコン
- 閉じるボタン
また、状態に関するスタイルは hidden と visible の 2 つがある。
以下のように見た目のカスタマイズもいくつかできる。
- 地面から浮いてるような見た目
- 枠をコンテンツ自身の幅に絞った見た目
- 他のコンポーネントにくっつけた見た目
- 警告メッセージの見た目
- お知らせメッセージの見た目
- 成功メッセージの見た目
- エラーメッセージの見た目
- 様々なカラーバリエーション
- 様々なサイズバリエーション
ページコンテンツを冒頭で説明したり、フォームの注意書きを載せたりするのに使えそうだと思った。