jamsrui_number_input_react_component_basic_usage_example.ts

1import React, { useState } from 'react';
2import { NumberInput } from '@jamsrui/number-input';
3
4const App: React.FC = () => {
5  const [value, setValue] = useState<number>(0);
6
7  return (
8    <div style={{ padding: '20px' }}>
9      <label htmlFor="number-input">Select a Number:</label>
10      <NumberInput
11        id="number-input"
12        value={value}
13        onChange={(val) => setValue(val)}
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 App;