jamsrui_number_field_react_component_basic_quickstart.ts

1import React, { useState } from 'react';
2import { NumberField } from '@jamsrui/number-field';
3
4const NumberFieldExample: React.FC = () => {
5  const [value, setValue] = useState<number>(0);
6
7  return (
8    <div style={{ padding: '20px' }}>
9      <label htmlFor="price">Price:</label>
10      <NumberField
11        id="price"
12        value={value}
13        onChange={(newValue: number) => setValue(newValue)}
14        min={0}
15        max={100}
16        step={1}
17        placeholder="Enter value"
18      />
19      <p>Current Value: {value}</p>
20    </div>
21  );
22};
23
24export default NumberFieldExample;