Vue Badge

A comprehensive set of Vue badge components in styles with filled, outlined, rounded corners, and pill-shaped, all in red to convey urgency or warning.

A set of dark-themed badge components for Vue, including filled, outlined, rounded corners, and pill-shaped variations, perfect for subtle emphasis or labeling.

A set of gray-themed Vue badge components, offering flexibility and style customization. Includes filled, outlined, rounded corner, and pill-shaped variations in a neutral gray color palette.

A set of info badge components for Vue, designed with a distinct blue color to convey information. It has filled, outlined, rounded corner, and pill-shaped variations.

A set of flexible Vue badge components, designed with a light color palette. It includes filled, outlined, rounded corner, and pill-shaped variations for subtle notifications and labels.

A set of versatile Vue badge components in primary color, including filled, outlined, and rounded variations. Designed to highlight information and add visual emphasis to your UI.

A versatile set of Vue badge components in secondary color, including filled, outlined, and rounded variations. Perfect for visual accents and highlighting information in your UI.

Celebrate success and positive status with this set of Vue badge components in a vibrant green color. Adjust the background opacity and corner roundness to fit your design style perfectly.

This set of Vue warning badge components uses a distinct yellow color to highlight caution or non-critical alerts. Easily adjust the opacity and corner roundness to match your design preferences.