19 lines
370 B
JavaScript
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',
|
||
|
|
},
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|