Docs Components

All Components Accordion Alert Autocomplete Avatar Badge Breadcrumb Button Card Checkbox Collapsible Combobox Dialog Empty Field Fieldset Form Frame Group Input Label Menu Meter Number Field Pagination Popover Preview Card Progress Radio Group Scroll Area Select Separator Sheet Skeleton Slider Switch Table Tabs Textarea Toast Toggle Toolbar Tooltip

Badge

Explore 13 interactive badge examples covering common layouts, states, sizes, and real interface patterns.

Badge

Demo

Badge

Destructive

Badge

Error

Badge

Info

Badge

Lg

Badge

Outline

NewLivev2.4.0

Release Status

Badge

Secondary

Badge

Sm

Badge

Success

Badge

Warning

Verified

With Icon

With Link

Avatar

An image element with a fallback for representing the user.

Breadcrumb

Displays the path to the current resource using a hierarchy of links.