badge
1 Free Component(s)
Badges are used when an element needs to be highlighed, or in some cases, differentiated. They are used to direct user’s attention and make them emphasize on certain information. Tailwind Badges are styled in a way that provides a visual cue based on their purpose. Tailwind badge category contains multiple variations of badges with different sizes, shapes (rectangular, rounded), styling, and interactive elements (cancel, highlight, etc). You can use the components from the Tailwind badge category as the primary components (parent components) or integrate them into other components. The variations also include badges that are filled, have a cancel element, and bullet text. Tailwind Badge components are built with Tailwind CSS. They also come with React, Angular, and Vue.js integrations. These components are fully responsive, modular, and functional. These components are also easily customizable so you can experiment according to your project requirements and come up with distinctive components using our Tailwind Components as base components. All of the components in the Tailwind badge category are built following latest WCAG.
small rounded fill
small large rectangle with cancel
small rounded bullet
small rounded
small rectangle fill
small rectangle bullet
small rectangle
small large rounded with cancel
large rounded fill
large rounded bullet
large rounded
large rectangle fill
large rectangle
Link copied to clipboard