Files
react-test/docs/data/joy/components/input/InputFormProps.js
how2ice 005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
init project
2025-12-12 14:26:25 +09:00

23 lines
648 B
JavaScript

import Button from '@mui/joy/Button';
import Input from '@mui/joy/Input';
import Stack from '@mui/joy/Stack';
export default function InputFormProps() {
return (
<form
onSubmit={(event) => {
event.preventDefault();
const formData = new FormData(event.currentTarget);
const formJson = Object.fromEntries(formData.entries());
alert(JSON.stringify(formJson));
}}
>
<Stack spacing={1}>
<Input placeholder="Try to submit with no text!" required />
<Input placeholder="It is disabled" disabled />
<Button type="submit">Submit</Button>
</Stack>
</form>
);
}