Icon 按钮

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

图标组件。

使用 Image 元素实现,并且在本组件库的其他组中使用。因为 Android 平台不支持 tintColor 属性,所以使用场景很有限,请根据自己的实际情况使用。推荐在自己的项目中集成字体文件功能。

Usage

全部引入

import { Icon } from 'beeshell';

按需引入

import { Icon } from 'beeshell/dist/components/Icon';

Examples

image

Code

详细 Code

import { Icon } from 'beeshell'

<Icon type='caret-down' size={14} tintColor='#FECB2E' />
<Icon type='times-circle-o' size={20} tintColor='red' />

API

Props

NameTypeRequiredDefaultDescription
styleImageStylefalse{}样式
typestringtrue'caret-down'图标类型
sizenumberfalse20图标大小
tintColorstringfalsebrandPrimaryDark 的色值图标颜色,注意只支持 iOS 平台
sourceImageSourcePropTypefalsenull自定义图片