@aliretail/react-materials-components/demo/FormComponents/numberPicker.md

B 端物料组件库

---
title: NumberPicker
order: 50
---

```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { FormComponents } from '@aliretail/react-materials-components';
const { NumberPicker, SchemaForm, SchemaMarkupField: Field, createFormActions } = FormComponents;

const App = () => {
  return (
    <SchemaForm
      components={{ NumberPicker }}
      onChange={console.log}
      defaultValue={{
        readOnly: 1234567890,
      }}
    >
      <Field x-component="NumberPicker" title="NumberPicker" name="NumberPicker" />
      <Field x-component="NumberPicker" title="readOnly" name="readOnly" readOnly />
    </SchemaForm>
  );
};

ReactDOM.render(<App />, mountNode);
```