icon: ''
extra:
  en: |

    ```html
      <group>
        <x-number title="title" v-model="value"></x-number>
      </group>
    ```

  zh-CN: |

    ```html
      <group>
        <x-number title="title" v-model="value"></x-number>
      </group>
    ```
tags:
  en:
    - form
    - number
  zh-CN:
    - 表单
    - 数字
props:
  value:
    type: Number
    default: 0
    en: 'form value, use `v-model` for binding'
    zh-CN: 表单值，使用`v-model`绑定
  title:
    en: label text
    zh-CN: 标题
  min:
    type: Number
    en: minimum number of value
    zh-CN: 最小值
  max:
    type: Number
    en: maximum number of value
    zh-CN: 最大值
  step:
    type: Number
    default: 1
    en: step value
    zh-CN: 步长
  fillable:
    type: Boolean
    default: false
    en: if use can fill the number
    zh-CN: 是否可填写
  width:
    type: String
    default: 50px
    en: width of the input element
    zh-CN: 输入框宽度
  button-style:
    type: String
    default: square
    en: button styles, ['square', 'round']
    zh-CN: '按钮样式，可选值为`square`或者`round`'
  align:
    type: String
    default: right
    en: align setting of the selecting area
    zh-CN: '按钮部分位置，默认在右边(right)，可选值为`left`和`right`'