: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') );