Badge Vue Component

Badge Vue component represents badge element that can be used in lists, links, navigation bars, etc.

Badge Components

There are following components included:

  • f7-badge

Examples

<f7-badge>5</f7-badge>
<!--
Renders to:
<span class="badge">5</span>
-->

<f7-badge color="red">5</f7-badge>
<!--
Renders to:
<span class="badge color-red">5</span>
-->