メニュー

画像
画像は、何かのグラフィック表現です

ダウンロード

種類

画像

画像

サイズが指定されていない限り、画像はコンテナのサイズまでの元の寸法を使用します。
imgまたはsvgui imageとして指定するか、子要素を使用できます。

画像リンク

画像は、他のコンテンツにリンクするようにフォーマットできます

状態

非表示

画像は非表示にすることができます

無効

画像は、無効になっていて選択できないことを示すことができます

バリエーション

アバター

画像は、アバターとしてテキストとインラインで表示されるようにフォーマットできます

ユーザー名

枠線付き

画像には、白または透明なコンテンツのエッジを強調するための枠線を含めることができます

流動的

画像はコンテナの幅を取ることができます

角丸

画像は角丸で表示される場合があります

円形

画像は円形で表示される場合があります

垂直方向に整列

画像は垂直方向の配置を指定できます

上揃え
中央揃え
下揃え

中央揃え

画像はコンテンツブロックの中央に配置できます

長いテキスト1(省略)

長いテキスト2(省略)

長いテキスト3(省略)

スペースあり

画像は、近くのコンテンツと区別するために追加のスペースが必要であることを指定できます

長いテキスト4 画像(省略)

画像 長いテキスト5(省略)

長いテキスト6 画像(省略)

フロート

画像は他のコンテンツの左右に配置できます

長いテキスト1(省略)

長いテキスト2(省略)

長いテキスト3(省略)

サイズ

画像はさまざまなサイズで表示できます

Semanticは、ミニからマッシブまでの画像サイズに任意のデフォルト値を使用します。 `image.variables`でプロジェクトで使用されている値に更新することをお勧めします。
クラス名 サイズ
ミニ 35px
タイニー 80px
スモール 150px
ミディアム 300px
ラージ 450px
ビッグ 600px
ヒュージ 800px
マッシブ 960px

グループ

サイズ

画像のグループは、同じサイズになるようにフォーマットできます。

ディマーメッセージ
ディマーサブヘッダー