React snippet for Essential JS 2 components
This extension will add React snippet for Essential JS 2 components.
React Snippets
Type the following text and press enter to insert the corresponding component snippet in your application.
Editors
AutoComplete
| Snippet |
Action |
ej2-react-autocomplete |
Insert the snippet for Basic AutoComplete. |
ej2-react-autocomplete-ds-remote |
Insert the snippet for AutoComplete with Remote DataSource. |
ej2-react-autocomplete-filter |
Insert the snippet for AutoComplete with Filtering support. |
| Snippet |
Action |
ej2-react-button |
Insert the snippet for Button. |
ej2-react-checkbox |
Insert the snippet for CheckBox. |
ej2-react-radio |
Insert the snippet for RadioButton. |
Calendar
| Snippet |
Action |
ej2-react-calendar |
Insert the snippet for Calendar. |
ComboBox
| Snippet |
Action |
ej2-react-combobox |
Insert the snippet for Basic ComboBox. |
ej2-react-combobox-ds-remote |
Insert the snippet for ComboBox with Remote DataSource. |
ej2-react-combobox-filter |
Insert the snippet for ComboBox with Filtering support. |
DatePicker
| Snippet |
Action |
ej2-react-datepicker |
Insert the snippet for DatePicker. |
DateRangePicker
| Snippet |
Action |
ej2-react-daterangepicker |
Insert the snippet for DateRangePicker. |
DropDownList
| Snippet |
Action |
ej2-react-dropdown |
Insert the snippet for Basic DropDownList. |
ej2-react-dropdown-ds-remote |
Insert the snippet for DropDownList with Remote DataSource. |
ej2-react-dropdown-filter |
Insert the snippet for DropDownList with Filtering support. |
MaskedTextBox
| Snippet |
Action |
ej2-react-maskedtextbox |
Insert the snippet for MaskedTextBox. |
ej2-react-maskedtextbox-customch |
Insert the snippet for MaskedTextBox with Custom Characters. |
MultiSelect
| Snippet |
Action |
ej2-react-multiselect |
Insert the snippet for MultiSelect component. |
ej2-react-multiselect-ds-remote |
Insert the snippet for MultiSelect component with Remote DataSource . |
ej2-react-multiselect-grouping |
Insert the snippet for MultiSelect component with Grouping support. |
NumericTextBox
| Snippet |
Action |
ej2-react-numerictextbox |
Insert the snippet for NumerixTextBox. |
TimePicker
| Snippet |
Action |
ej2-react-timepicker |
Insert the snippet for TimePicker. |
Layout
Dialog
| Snippet |
Action |
ej2-react-dialog |
Insert the snippet for Basic Dialog. |
ej2-react-dialog-rtl |
Insert the snippet for Dialog with RTL support. |
ListView
| Snippet |
Action |
ej2-react-listview |
Insert the snippet for ListView. |
ej2-react-listview-ds-remote |
Insert the snippet for ListView with Remote DataSource. |
ej2-react-listview-rtl |
Insert the snippet for ListView with RTL support. |
| Snippet |
Action |
ej2-react-tooltip |
Insert the snippet for Tooltip. |
Navigation
Accordion
| Snippet |
Action |
ej2-react-accordion |
Insert the snippet for Accordion. |
ej2-react-accordion-rtl |
Insert the snippet for Accordion with RTL support. |
| Snippet |
Action |
ej2-react-contextmenu |
Insert the snippet for ContextMenu. |
Tab
| Snippet |
Action |
ej2-react-tab |
Insert the snippet for Tab. |
ej2-react-tab-rtl |
Insert the snippet for Toolbar with RTL support. |
TreeView
| Snippet |
Action |
ej2-react-treeview |
Insert the snippet for TreeView with Hierarchical data source. |
ej2-react-treeview-self |
Insert the snippet for TreeView with Self-Referential data source. |
ej2-react-treeview-editing |
Insert the snippet for TreeView with Node Editing support. |
ej2-react-treeview-drag |
Insert the snippet for TreeView with Drag and Drop support. |
ej2-react-treeview-checkbox |
Insert the snippet for TreeView with Checkboxes. |
ej2-react-treeview-multiselect |
Insert the snippet for TreeView with Multi Selection support. |
ej2-react-treeview-rtl |
Insert the snippet for TreeView with RTL support. |
| Snippet |
Action |
ej2-react-toolbar |
Insert the snippet for Toolbar. |
ej2-react-toolbar-rtl |
Insert the snippet for Toolbar with RTL support. |
Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to activate snippets from within the editor.
| |
