21 lines
484 B
TypeScript
21 lines
484 B
TypeScript
|
import Input from '@mui/joy/Input';
|
||
|
|
|
||
|
|
export default function FocusedRingInput() {
|
||
|
|
return (
|
||
|
|
<Input
|
||
|
|
placeholder="Bootstrap"
|
||
|
|
sx={{
|
||
|
|
'--Input-focusedInset': 'var(--any, )',
|
||
|
|
'--Input-focusedThickness': '0.25rem',
|
||
|
|
'--Input-focusedHighlight': 'rgba(13,110,253,.25)',
|
||
|
|
'&::before': {
|
||
|
|
transition: 'box-shadow .15s ease-in-out',
|
||
|
|
},
|
||
|
|
'&:focus-within': {
|
||
|
|
borderColor: '#86b7fe',
|
||
|
|
},
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|