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

19 lines
370 B
JavaScript

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