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 SelectNg from '@jetbrains/ring-ui/components/select-ng/select-ng'; import QueryAssistNg from '@jetbrains/ring-ui/components/query-assist-ng/query-assist-ng'; import '@jetbrains/ring-ui/components/input-size/input-size.scss'; angular.module('Example.input-size', [ QueryAssistNg, SelectNg ]).controller('ExampleCtrl', [ function () { var exampleCtrl = this; exampleCtrl.dataSource = function () { return []; }; exampleCtrl.options = ['one', 'two', 'three']; exampleCtrl.selected = null; } ]);