Badge

Documentation for Badge component

Badge


                1
                <Badge>New</Badge>

Usage


                
                import { Badge } from "@zuzjs/ui"


                
                <Badge>New</Badge>

Props

Prop

Type

Required

Description

variant

ValueOf<typeof Variant>

Visual variant or style

size

number

Component size

icon

—

Icon identifier

ZuzProps

BoxProps

—

Shared base props

Examples

Basic Usage


                
                <Badge>New</Badge>

Example 2


                
                <Badge variant="error" size="lg" icon="star">Premium</Badge>

Badge

Documentation for Badge component

Badge


                1
                <Badge>New</Badge>

Usage


                
                import { Badge } from "@zuzjs/ui"


                
                <Badge>New</Badge>

Props

Prop

Type

Required

Description

variant

ValueOf<typeof Variant>

Visual variant or style

size

number

Component size

icon

—

Icon identifier

ZuzProps

BoxProps

—

Shared base props

Examples

Basic Usage


                
                <Badge>New</Badge>

Example 2


                
                <Badge variant="error" size="lg" icon="star">Premium</Badge>

ZuzJS

UI

v1.0.71

Concepts

Overview

Composition

Layout

Accordion

Alert

Auto Complete

Avatar

Badge

Box

Button

Calendar

Chart

ChatBubble

ChatList

Checkbox

ColorScheme

ContextMenu

CookiesConsent

Cover

Cropper

Crumb

DatePicker

Dialog

Drawer

Fab

Filters

Form

Group

Icon

Image

Input

KeyboardKeys

Label

List

NetworkStatus

Overlay

Pagination

Password

PinInput

ProgressBar

Radio

ScrollView

Slider

Search

SelectTabs

Select

Sheet

Slider

Span

Spinner

Switch

Table

TabView

Text

TextArea

TextWheel

Toast

Tooltip

Treeview

Components

Badge

Badge

Documentation for Badge component

Badge

Usage

Props

Examples

Basic Usage

Example 2

On this page

Components

Badge

Badge

Documentation for Badge component

Badge

Usage