mirror of https://github.com/portainer/portainer
37 lines
683 B
TypeScript
37 lines
683 B
TypeScript
import { Meta } from '@storybook/react';
|
|
import { useState } from 'react';
|
|
|
|
import { InputLabeled } from './InputLabeled';
|
|
|
|
export default {
|
|
component: InputLabeled,
|
|
title: 'Components/Form/InputLabeled',
|
|
} as Meta;
|
|
|
|
export { TextInput, NumberInput };
|
|
|
|
function TextInput() {
|
|
const [value, setValue] = useState('');
|
|
|
|
return (
|
|
<InputLabeled
|
|
label="label"
|
|
value={value}
|
|
onChange={(e) => setValue(e.target.value)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
function NumberInput() {
|
|
const [value, setValue] = useState(5);
|
|
|
|
return (
|
|
<InputLabeled
|
|
label="label"
|
|
type="number"
|
|
value={value}
|
|
onChange={(e) => setValue(e.target.valueAsNumber)}
|
|
/>
|
|
);
|
|
}
|