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