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
Property | Description | Type | Default |
---|---|---|---|
value | displayed value | number | string | undefined | |
color | background color | string | #FF4D4F | |
max | upper limit | number | undefined | |
min | lower limit | number | 0 | |
hideLowerLimit | whether to hide when the lower limit is reached | boolean | false | |
dot | whether to display as dots | boolean | false |