@rax-ui/number-picker
TypeScript icon, indicating that this package has built-in type declarations

1.0.0-beta.62 • Public • Published

display: NumberPicker family: Data Entry

NumberPicker

数字选择器

API

Props

名称 说明 类型 默认值
className className string
value 当前值, 有值时为受控模式 number
defaultValue 初始值 number 1
max 最大值 number Infinity
min 最小值 number -Infinity
step 步数 number 1
editable input 可输入 boolean true
disabled 是否禁用(按钮和手动输入皆不可用) boolean false
onBeforeChange 变化前回调函数 (): Promise<any>
onChange 变化时回调函数 (n: number): void

CSS API

名称 说明
number-picker 容器样式
number-picker__input 输入框样式
number-picker__button 按钮样式
number-picker__button-icon 按钮图标样式
number-picker--disabled__input disabled 时的输入框样式
number-picker--disabled__button disabled 时的按钮样式
number-picker--disabled__button-icon disabled 时的按钮图标样式
number-picker--focused__input focus 时输入框样式

Readme

Keywords

Package Sidebar

Install

npm i @rax-ui/number-picker

Weekly Downloads

41

Version

1.0.0-beta.62

License

none

Unpacked Size

25 kB

Total Files

14

Last publish

Collaborators

  • lianmin
  • amdgigabyte
  • myronliu347