:global(.my-input) {
padding-left: 4px;
}
:global(.my-input[disabled]) {
border: 1px solid var(--ring-border-disabled-color);
background-color: var(--ring-disabled-color);
}
import '@jetbrains/ring-ui/components/input/input.scss';
import {render} from 'react-dom';
import React from 'react';
import ContentEditable from '@jetbrains/ring-ui/components/contenteditable/contenteditable';
render(
text bold text text
,
document.getElementById('contenteditable')
);
render(
text bold text text
,
document.getElementById('contenteditable-disabled')
);