バッジは数字を表示し、ラベルは短い情報を表示するのに対し、ステッカーはコンテンツ（通常はコンテンツタイプ）の小さな視覚的インジケーターです。ステッカーには小さなラベルまたはLiferayアイコンを含めることができ、円形と正方形の2つの形状があります。
ラベル付きの正方形ステッカー：
<clay:sticker label="JPG" />
アイコン付きの正方形ステッカー：
<clay:sticker icon="picture" />
円形ステッカー：
<clay:sticker label="JPG" shape="circle" />
ステッカーは、divの任意のコーナーに配置できます。position属性top-left、bottom-left、top-right、またはbottom-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ステッカーを使用する方法がわかりました。