Files
react-test/docs/data/joy/components/textarea/FocusOutlineTextarea.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

20 lines
403 B
JavaScript

import Textarea from '@mui/joy/Textarea';
export default function FocusOutlineTextarea() {
return (
<Textarea
placeholder="Type in here…"
minRows={2}
sx={{
'&::before': {
display: 'none',
},
'&:focus-within': {
outline: '2px solid var(--Textarea-focusedHighlight)',
outlineOffset: '2px',
},
}}
/>
);
}