Query Assists

Extra-short Query Assist
Short Query Assist
Medium Query Assist
Long Query Assist
Full-width Query Assist

Rg Selects: Buttons

Extra-short Select
Short Select
Medium Select
Long Select
Full-width Select

Rg Selects: Inputs

Extra-short Select
Short Select
Medium Select
Long Select
Full-width Select

Inputs

Extra-short Input
Short Input
Medium Input
Long Input
Full-width Input

Textareas

Extra-short Textarea
Short Textarea
Medium Textarea
Long Textarea
Full-width Textarea
:global(.example-block) { margin: 16px; max-width: 600px; } import angular from 'angular'; import '@jetbrains/ring-ui/components/select-ng/select-ng'; import registerComponents from '@jetbrains/ring-ui/components/react-ng/react-ng'; import QueryAssist from '@jetbrains/ring-ui/components/query-assist/query-assist'; import '@jetbrains/ring-ui/components/input-size/input-size.scss'; registerComponents({QueryAssist}); angular.module('Example.input-size', [ 'Ring.react-ng', 'Ring.select' ]).controller('ExampleCtrl', [ function () { var exampleCtrl = this; exampleCtrl.dataSource = function () { return []; }; exampleCtrl.options = ['one', 'two', 'three']; exampleCtrl.selected = null; } ]);