Visual Studio Code Snippets for Kendo UI for React

This extension contains snippets for Kendo UI for React components

Installation

In order to install an extension you need to launch the Command Pallete (Ctrl + Shift + P or Cmd + Shift + P) and type Extensions. There you have either the option to show the already installed snippets or install new ones.

Launch VS Code Quick Open (Ctrl + P or Cmd + P), paste the following command, and press enter.

ext install kendo-react-snippets

Alternatively you can open the extensions panel and search for 'kendo react snippets'.

Supported languages (file extensions)

JavaScript (.js)
JavaScript (.jsx)
JavaScript (.tsx)

Supported Components

Components: Button, ButtonGroup, Calendar, ComboBox, DateInput, DropDownList, Grid, PanelBar, TabStrip
Wrappers: Button, ButtonGroup, Chart

Snippets - Components

Below is a list of all available component snippets and the triggers of each one. The "->" means the TAB key.

Trigger	Content
`krc-imports->`	`Kendo React Import Statements`
`krc-button->`	`Kendo React Button`
`krc-buttongroup->`	`Kendo React Button Group`
`krc-calendar->`	`Kendo React Calendar`
`krc-combobox->`	`Kendo React ComboBox`
`krc-dateinput->`	`Kendo React DateInput`
`krc-drowpownlist->`	`Kendo React DropDownList`
`krc-grid->`	`Kendo React Grid`
`krc-panelbar->`	`Kendo React PanelBar`
`krc-tabstrip->`	`Kendo React TabStrip`
`krc-datepicker->`	`Kendo React DatePicker`
`krc-autocomplete->`	`Kendo React AutoComplete`
`krc-switch->`	`Kendo React Switch`
`krc-timepicker->`	`Kendo React TimePicker`
`krc-chart->`	`Kendo React Chart`
`krc-stockchart->`	`Kendo React StockChart`

Snippets - Wrappers

Below is a list of all available wrapper snippets and the triggers of each one. The "->" means the TAB key.

Trigger	Content
`krw-button->`	`Kendo React Button Wrapper`
`krw-buttongroup->`	`Kendo React Button Group Wrapper`
`krw-chart->`	`Kendo React Char Wrapper`

License

MIT

Kendo React Snippets

Milan Nankov