BeButton 按钮组件文档 BeerUi-官方文档

BeButton 按钮

使用type、plain、round、disabled和circle属性来定义 Button 的样式。

		import { BeButton } from '@brewer/beerui
		
<div class='demo-list'>
	<BeButton class='demo-button' type="default">默认按钮</BeButton>
	<BeButton class='demo-button' type="primary">主要按钮</BeButton>
	<BeButton class='demo-button' type="success">成功按钮</BeButton>
	<BeButton class='demo-button' type="info">信息按钮</BeButton>
	<BeButton class='demo-button' type="warning">警告按钮</BeButton>
	<BeButton class='demo-button' type="danger">危险按钮</BeButton>
</div>
<div class='demo-list'>
	<BeButton class='demo-button' type="default" round>圆角按钮</BeButton>
	<BeButton class='demo-button' type="primary">主要按钮</BeButton>
	<BeButton class='demo-button' type="success">成功按钮</BeButton>
	<BeButton class='demo-button' type="info">信息按钮</BeButton>
	<BeButton class='demo-button' type="warning">警告按钮</BeButton>
	<BeButton class='demo-button' type="danger">危险按钮</BeButton>
</div>
<BeButton class='demo-button' disabled type="default" round>圆角按钮</BeButton>
<BeButton class='demo-button' disabled type="primary" round>主要按钮</BeButton>
<BeButton class='demo-button' disabled type="success" round>成功按钮</BeButton>
<BeButton class='demo-button' disabled type="info" round>信息按钮</BeButton>
<BeButton class='demo-button' disabled type="warning" round>警告按钮</BeButton>
<BeButton class='demo-button' disabled type="danger" round>危险按钮</BeButton>
<BeButton class='demo-button' icon='IconActivity' type="default" circle>
	<BeIcon name='add' color='#000' />
</BeButton>
<BeButton class='demo-button' type="primary" circle>
	<BeIcon name='books' color='#fff' />
</BeButton>
<BeButton class='demo-button' type="success" circle>
	<BeIcon name='call' color='#fff' />
</BeButton>
<BeButton class='demo-button' type="info" circle>
	<BeIcon name='chat' color='#fff' />
</BeButton>
<BeButton class='demo-button' type="warning" circle>
	<BeIcon name='clear' color='#fff' />
</BeButton>
<BeButton class='demo-button' type="danger" circle>
	<BeIcon name='cloud' color='#fff' />
</BeButton>

显示代码

不同尺寸

显示代码

Attributes

参数	说明	类型	可选值	默认值
style	style标签	string	-	''
nativeType	按钮type	string	-	button
disabled	禁用	boolean	true/false	false
circle	圆形	boolean	true/false	false
round	圆角按钮	boolean	true/false	false

Slot

name	说明
default	默认slot

Contributors

Resource

Github