# Vue Badge Component - Flowbite #### Use Tailwind CSS badges as elements to show counts or labels separately or inside other components --- :::tip Original reference: [https://flowbite.com/docs/components/badge/](https://flowbite.com/docs/components/badge/) ::: The badge component can be used to complement other elements such as buttons or text elements as a label or to show the count of a given data, such as the number of comments for an article or how much time has passed by since a comment has been made. Alternatively, badges can also be used as standalone elements that link to a certain page by using the anchor tag instead of a span element. ## Default badge Prop – type ```vue ``` ## Large badges Prop – size ```vue ``` ## Badges as links You can also use badges as anchor elements to link to another page. Prop – href ```vue ``` ## Badges with icon You can also use SVG icons inside the badge elements. slot icon ```vue ``` ## Badge with icon only ```vue ```