logo

eola Style Guide 2024: Quantity

Quantity

The Quantity component is mainly for forms, it is a counter for increment or decrement of numbers. It uses the min value as defaultValue if it is present, no need to pass the same value twice.

Examples

Quantity

<Formik initialValues={{ first: 0, second: 2}} onSubmit={() => {}}>
  {({ values }) => (
    <Form>
      <Grid gridGap={2}>
        <Quantity name="first" max={10} />
        <Quantity name="second" min={2} max={10} />
      </Grid>  
    </Form>  
  )}
</Formik>