@rax-ui/number-picker
v1.0.0-beta.62
Published
Rax UI Number Picker
Downloads
12
Readme
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
时输入框样式 |