wix-style-react/src/NumberInput/docs/NumberInput.demo.js

wix-style-react

import React from 'react';
import NumberInput from '..';
import Input from '../../Input';
import { StorybookComponents } from 'wix-storybook-utils/StorybookComponents';

export default () => {
  const [value, setValue] = React.useState(20);
  return (
    <StorybookComponents.Stack flexDirection="column" width="50%">
      <NumberInput
        prefix={<Input.Affix>$</Input.Affix>}
        value={value}
        onChange={setValue}
      />
    </StorybookComponents.Stack>
  );
};