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
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',
|
|
},
|
|
}}
|
|
/>
|
|
);
|
|
}
|