Component Docs
Infobox コンポーネント
すべての情報ボックスの基本スタイル。通知やメッセージの表示に使用します。
.infobox-base
バリアント
Ghost
...
.infobox-ghost 背景も枠線も透明なスタイル。ホバーエフェクトなどで使用します。
Outline
...
.infobox-outline 背景は透明で、枠線を持つスタイル。カラーセレクタで枠線の色を指定します。
Solid
...
.infobox-solid 背景色とテキスト色を持つ標準的なスタイル。カラーセレクタと組み合わせて使用します。
使用例
...
<div class="infobox-base infobox-solid color-info">...</div>
...
<div class="infobox-base infobox-outline color-warning">...</div>
...
<div class="infobox-base infobox-ghost color-neutral">...</div>
...
<div class="infobox-base infobox-solid color-info">...</div>