@beisen-phoenix/badge
TypeScript icon, indicating that this package has built-in type declarations

3.3.55 • Public • Published

徽标

@beisen-phoenix/badge

概述

一般出现在通知图标或头像的右上角,用于显示需要处理的消息条数,通过醒目视觉形式吸引用户处理。

由以下几个自组件构成

Badge

BadgeIcon

BadgeFont

BadgeAvatar

Badge API

参数 说明 类型 默认值 是否必传
dot 不展示数字,只有一个小红点 boolean false
number 展示的数字,大于99时显示为99+ number

BadgeIcon API

参数 说明 类型 默认值 是否必传
dot 不展示数字,只有一个小红点 boolean false
number 展示的数字,大于99时显示为99+ number

BadgeFont API

参数 说明 类型 默认值 是否必传
dot 不展示数字,只有一个小红点 boolean false
number 展示的数字,大于99时显示为99+ number

BadgeAvatar API

参数 说明 类型 默认值 是否必传
dot 不展示数字,只有一个小红点 boolean false
number 展示的数字,大于99时显示为99+ number
size 头像尺寸 small/big string

Readme

Keywords

none

Package Sidebar

Install

npm i @beisen-phoenix/badge

Weekly Downloads

304

Version

3.3.55

License

ISC

Unpacked Size

18.6 kB

Total Files

29

Last publish

Collaborators

  • beisencorp