按钮 Buttons -- bootstrap react

pencil 28天前 19

窗体、对话框等中操作的自定义按钮样式,支持多种大小、状态等。

示例

使用任何可用的按钮样式类型快速创建样式化按钮。只需修改变量属性。

Primary、Secondary、success、warning、danger、light、Link、Info、Dark

轮廓按钮

对按钮值设置border 边框,没有背景色。

按钮标签

通常<Button>组件将呈现 HTML<Button> 元素。但是,您可以渲染任何您想要的内容,添加一个 href 属性将自动渲染<a/>元素。

你可以用它作为道具来呈现你内心所渴望的一切。React引导将为您处理合适的ARIA角色。

尺寸

喜欢大的还是小的按钮?添加size=“lg”,size=“sm”以查看其他尺寸。

Active 状态

要设置按钮的 Active状态,只需设置组件的 Active 属性。

Dsiabled 状态

通过添加Dsiabled的属性使按钮看起来不活动。

按钮加载状态

当从一个按钮激活一个异步操作时,一个很好的UX模式可以给用户关于加载状态的反馈,这可以很容易地通过更新<button/>的道具来完成。

复选框/单选框

按钮还可以用于设置复选框和单选窗体元素的样式。当您需要在HTML表单中整洁地工作的切换按钮时,这很有用。

API

Button

ToggleButtonGroup

ToggleButton

最新回复 (0)
返回
发新帖