Button 按钮

按钮用于开始一个即时操作。

前置条件

在react项目入口文件中引入样式，默认为src/main.tsx。

import 'ono-react-element/dist/style/Button.css'

基础用法

import { Button } from 'ono-react-element'
import { useState } from 'react'

function App() {
  const [count, setCount] = useState(0)

  return <Button onClick={() => setCount(count + 1)}>count: {count}</Button>
}

export default App;

API

通用属性参考：通用属性

参数	说明	类型	默认值	是否必填
type	按钮类型	ButtonType	'primary'	否
htmlType	设置button原生type属性	ButtonHtmlType	'button'	否
shape	按钮形状	ButtonShape	'default'	否
plain	是否朴素按钮	boolean	false	否
disabled	是否禁用	boolean|() => boolean	false	否
loading	是否显示加载中状态	boolean|{ delay?: number; icon?: ReactNode }	false	否
children	区域子元素	ReactNode	-	否
className	自定义类名		string	-
style	自定义样式	CSSProperties	-	否
onClick	点击事件回调函数	(e: React.MouseEvent<HTMLButtonElement>) => void	-	否

ButtonType

类型	说明
'primary'	主要按钮
'success'	成功按钮
'warning'	警告按钮
'danger'	危险按钮
'info'	信息按钮
'default'	默认按钮

ButtonHtmlType

类型	说明
'button'	按钮
'submit'	提交按钮
'reset'	重置按钮

ButtonShape

类型	说明
'default'	默认按钮
'round'	圆角按钮
'circle'	圆形按钮