Badge📢

It is used to describe the component state. When you see it, you will be very anxious and want to eliminate it

Code demonstration

import { UBadge } from 'ungeui';

Basic useage❗

Different background colors🌈

Upper and lower limits🚧

Display lower limit value⛔

Dot🔵🔴🟠🟢

Other combinations📁

Props

PropertyDescriptionTypeDefault
valuedisplayed value | number | stringundefined
colorbackground color | string#FF4D4F
maxupper limit | numberundefined
minlower limit | number0
hideLowerLimitwhether to hide when the lower limit is reached | booleanfalse
dotwhether to display as dots | booleanfalse

Last Updated: