import React from 'react'; import {render} from 'react-dom'; import Input from '@jetbrains/ring-ui/components/input/input'; render( , document.getElementById('input') );
No modifiers (full-width)
Extra-short
Short
Medium
Long
 :global(.input-control-wrapper) { position: relative; margin: 16px; } import '@jetbrains/ring-ui/components/input/input.scss'; import '@jetbrains/ring-ui/components/input-size/input-size.scss';
No modifiers (full-width)
Extra-short
Short
Medium
Long
 :global(.input-control-wrapper) { position: relative; margin: 16px; } import '@jetbrains/ring-ui/components/input/input.scss'; import '@jetbrains/ring-ui/components/input-size/input-size.scss';