Tag 标签

优质
小牛编辑
130浏览
2023-12-01

标签组件。

Usage

全部引入

import { Tag } from 'beeshell';

按需引入

import Tag from 'beeshell/dist/components/Tag';

Examples

image

Code

详细 Code

<Tag style={{ marginRight: 5, marginBottom: 5 }} type='default'>默认 default</Tag>
<Tag style={{ marginRight: 5, marginBottom: 5 }} type='primary' textColorInverse>首选项 primary</Tag>
<Tag style={{ marginRight: 5, marginBottom: 5 }} type='success'>成功 success</Tag>
<Tag style={{ marginRight: 5 }} type='info'>一般信息 info</Tag>
<Tag style={{ marginRight: 5 }} type='warning'>警告 warning</Tag>
<Tag style={{ marginRight: 5 }} type='danger'>危险 danger</Tag>

API

Props

NameTypeRequiredDefaultDescription
styleViewStylefalse{}样式
textStyleTextStylefalse{}文本样式
typestringfalse'default'类型,支持 'default' 'primary' 'danger' 'info' 'success' 'warning'
textColorInversebooleanfalsefalse文本反色