@hi-ui/button
TypeScript icon, indicating that this package has built-in type declarations

4.0.10 • Public • Published

Button 按钮

引导用户去触发操作的区域

何时使用

用户需要执行有具体含义的动作、命令

连接页面之间、页面和弹窗、页面和浮层面板的跳转

使用示例

Props

参数 说明 类型 可选值 默认值
type 设置按钮类型 string 'primary' | 'line' | 'success' | 'danger' | 'default' 'default'
appearance 设置按钮外观 string 'link' | 'button' 'button'
disabled 设置按钮是否禁用 boolean true | false false
size 设置按钮尺寸 string 'lg' | 'md' | 'sm' 'default'
icon 设置按钮图标 string 详见  <Icon/>  组件 ︎ -
href 设置按钮链接,设置后将用 a 标签渲染按钮 string -
target 同 a 标签的 target 属性,仅在设置 href 后有效 string ︎'_self' | '_blank' | '_parent' | '_top' -
loading 是否显示 loading boolean ︎- false

Events

名称 说明 类型 参数 返回值
onClick 点击按钮时的回调 (event: MouseEvent) => void event: 鼠标事件对象 -

CHANGELOG

参数 变更类型 变更内容 解决的问题
type update 删除'line',新增'secondary'
size update 变更为 'sm' 'md'
appearance update 删除'button',新增'filled'、'line'
shape feature 增加形状 'round' 'square'

Readme

Keywords

none

Package Sidebar

Install

npm i @hi-ui/button

Weekly Downloads

127

Version

4.0.10

License

MIT

Unpacked Size

92.5 kB

Total Files

14

Last publish

Collaborators

  • sivan
  • solarjoker