Badges
Default
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Default](https://cdn.tailkit.com/media/screenshots/application-ui/components/badges/default.png)
Default Pill
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Default Pill](https://cdn.tailkit.com/media/screenshots/application-ui/components/badges/default-pill.png)
Small
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Small](https://cdn.tailkit.com/media/screenshots/application-ui/components/badges/small.png)
Small Pill
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Small Pill](https://cdn.tailkit.com/media/screenshots/application-ui/components/badges/small-pill.png)
With Icons
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Icons](https://cdn.tailkit.com/media/screenshots/application-ui/components/badges/with-icons.png)
With Close Button
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Close Button](https://cdn.tailkit.com/media/screenshots/application-ui/components/badges/with-close-button.png)
Make them yours!