Sticker Component - sirthxalot/vue-foundation-components GitHub Wiki

Stickers are useful inline styles that can be dropped into body copy to call out certain sections or to attach metadata. For example, you can attach a label that notes when something was updated.

The default sticker only needs the <sticker> tag and everything will work:

<sticker>Default</sticker>

You can also add the description="" attribute, in order to describe your sticker:

<sticker description="The Sticker Level">Default</sticker>

Stickers can be colored with the same classes used for buttons and other components:

<sticker color="secondary">Secondary Sticker</sticker>
<sticker color="success">Success Sticker</sticker>
<sticker color="alert">Alert Sticker</sticker>
<sticker color="warning">Warning Sticker</sticker>