Files
react-test/docs/data/joy/components/input/InputValidation.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
747 B
JavaScript

import Input from '@mui/joy/Input';
import FormControl from '@mui/joy/FormControl';
import FormLabel from '@mui/joy/FormLabel';
import FormHelperText from '@mui/joy/FormHelperText';
import Stack from '@mui/joy/Stack';
import InfoOutlined from '@mui/icons-material/InfoOutlined';
export default function InputValidation() {
return (
<Stack spacing={2}>
<Input placeholder="Type in here…" error defaultValue="Oh no, error found!" />
<FormControl error>
<FormLabel>Label</FormLabel>
<Input placeholder="Type in here…" defaultValue="Oh no, error found!" />
<FormHelperText>
<InfoOutlined />
Oops! something is wrong.
</FormHelperText>
</FormControl>
</Stack>
);
}