Documentation

Documentation Menu
Go Back

Clayステッカー

バッジには数字が表示され、ラベルには短い情報が表示されるのに対し、ステッカーはコンテンツ(通常はコンテンツタイプ)の小さな視覚的なインジケーターです。 小さなラベルやLiferayアイコンを含めることができ、円形と正方形の2つの形状があります。

ラベル付きの正方形のステッカー:

<clay:sticker label="JPG" />

アプリにステッカーを含めることができます。

アイコン付きの正方形のステッカー:

<clay:sticker icon="picture" />

ステッカーにはアイコンを含めることができます。

円形のステッカー:

<clay:sticker label="JPG" shape="circle" />

円形のステッカーもあります。

ステッカーは、divの任意の隅に配置できます。 position属性(top-leftbottom-lefttop-rightbottom-right)で位置を示します。

<div class="aspect-ratio">

    <img class="aspect-ratio-item-fluid" src="https://claycss.com/images/thumbnail_hot_air_ballon.jpg" />

    <clay:sticker label="PDF" position="top-left" style="danger" />
</div>

コンテナ内のステッカーの位置を指定できます。

これで、アプリでClayステッカーを使用する方法がわかりました。