Badge · Info

A badge component with 8 semantic variants (default, secondary, outline, destructive, error, info, success, warning), 3 sizes, icon support, and render prop for polymorphism. Built on Base UI's useRender hook.

Pattern
pattern-11350
Interface family
display
Component kind
component

Open this Pattern in the Solice UI workspace

Find a related component