Button 按钮

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

按钮组件。

Usage

全部引入

import { Button } from 'beeshell';

按需引入

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

Examples

image

Code

详细 Code

import { Button } from 'beeshell';

<Button type="primary" size="md" textColorInverse>首选项 primary</Button>
<Button type="primary" size="md">
  <View>
    <Text>自定义</Text>
    <Text>支持组件</Text>
  </View>
</Button>

<Button type='info' size='sm' disabled>
  信息 info
</Button>

API

Props

NameTypeRequiredDefaultDescription
styleViewStylefalse{}按钮样式
textStyleTextStylefalse{}按钮文本样式
textColorInversebooleanfalsefalse按钮文本是否是黑色,通过该参数,控制按钮文本颜色为黑色或者白色
typestringtrue'default'指明按钮的预定义样式,包括 'default' 'primary' 'success' 'info' 'warning' 'danger' 'text'
childrenanyfalsenull子元素,可以是字符串或者 ReactElement
disabledbooleanfalsefalse是否可以点击
sizestringfalse'md'尺寸,'lg' 'md' 'sm'
onPressFunctionfalsenull点击回调