zent
Version:
一套前端设计语言和基于React的实现
37 lines (29 loc) • 1.73 kB
Markdown
title: NumberInput
path: component/number-input
group: Data Entry
## NumberInput
A input widget for entering number through mouse or keyboard
### Guides
- When you enter number, using numberInput is more convenient
### API
| Property | Description | Type | Default | Alternative | Required |
| ------------ | --------------- | ------------- | -------- | ----------------------- | ---- |
| value | input value | number | | | no |
| onChange | change event | func(e:Event) | | | no |
| showStepper | whether stepper is open | bool | `false` | | no |
| decimal | number decimal | number | | | no |
| min | the minimum value in the range | number | | | no |
| max | the maximum value in the range | number | | | no |
| placeholder | raw placeholder text | string | `''` | | no |
| disabled | whether is disable or not | bool | `false` | | no |
| className | custom extra class name | string | `''` | | no |
| width | width | string or number | | | no |
| prefix | custom class prefix | string | `'zent'` | | no |
<style>
.zent-number-input-wrapper {
width: 200px;
margin-bottom: 20px;
}
</style>