{"id":21977899,"url":"https://github.com/langateam/react-kendo","last_synced_at":"2025-12-12T03:41:42.087Z","repository":{"id":27609121,"uuid":"31092795","full_name":"langateam/react-kendo","owner":"langateam","description":"React Component Library for Kendo UI Widgets","archived":false,"fork":false,"pushed_at":"2019-02-18T09:39:54.000Z","size":48,"stargazers_count":62,"open_issues_count":7,"forks_count":19,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-22T14:05:45.449Z","etag":null,"topics":["kendo-widget","react"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/langateam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-02-21T00:34:34.000Z","updated_at":"2022-04-22T22:35:28.000Z","dependencies_parsed_at":"2022-08-30T22:52:29.270Z","dependency_job_id":null,"html_url":"https://github.com/langateam/react-kendo","commit_stats":null,"previous_names":["tjwebb/react-kendo"],"tags_count":26,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/langateam%2Freact-kendo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/langateam%2Freact-kendo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/langateam%2Freact-kendo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/langateam%2Freact-kendo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/langateam","download_url":"https://codeload.github.com/langateam/react-kendo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251348345,"owners_count":21575265,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["kendo-widget","react"],"created_at":"2024-11-29T16:16:54.521Z","updated_at":"2025-12-12T03:41:37.046Z","avatar_url":"https://github.com/langateam.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-kendo\n\n[![npm version][npm-image]][npm-url]\n[![Build status][travis-image]][travis-url]\n[![Dependency Status][daviddm-image]][daviddm-url]\n\nReact Component Library for Kendo UI Widgets. There exists a React Component\nnamed for every Kendo widget in the\n[kendo.ui](http://docs.telerik.com/kendo-ui/api/javascript/ui/ui) and [kendo.ui.mobile](http://docs.telerik.com/kendo-ui/api/javascript/mobile/application) namespaces.\nTested on React 0.13 and KendoUI 2014.3.1411.\n\n## Install\n\n```sh\n$ npm install react-kendo --save\n```\n\n```html\n  \u003cscript src=\"http://cdn.kendostatic.com/2014.3.1411/js/kendo.all.min.js\"\u003e\u003c/script\u003e\n  \u003clink href='http://cdn.kendostatic.com/2014.3.1411/styles/kendo.common.min.css' rel='stylesheet'\u003e\n  \u003c!-- and so forth... --\u003e\n```\n\nPlease note: Kendo Professional Components require\n[a License](http://www.telerik.com/purchase/kendo-ui).\n\n## Usage\n```js\nvar React = require('react');\nvar k = React.Kendo = require('react-kendo');\n\n/**\n * Instead of, e.g.\n * $('#my-splitter').kendoSplitter(splitterOptions);\n */\nvar splitterOptions = {\n  orientation: 'horizontal',\n  panes: [\n    { collapsible: false, size: '300px' },\n    { resizable: true }\n  ]\n};\nvar treeOptions = { /* ... */ };\nvar gridOptions = { /* ... */ };\n\nvar Workstation = React.createClass({\n  render: function () {\n    return (\n      \u003ck.Splitter options={splitterOptions}\u003e\n        \u003ck.TreeView options={treeOptions} /\u003e\n        \u003ck.Grid options={gridOptions} /\u003e\n      \u003c/k.Splitter\u003e\n    );\n  }\n});\n```\n\n## Properties\n\n### `options`\nThe main Kendo options object that is sent into the constructor. e.g.\n`$('#my-splitter').kendoSplitter(options);`\n\n### `tag`\nThe `tag` property specifies the html tag that the Kendo widget will be bound\nto. This is `div` by default, but can be set to\n[any tag supported by React](http://facebook.github.io/react/docs/tags-and-attributes.html#html-elements).\n\n### `reactive`\nVersion 0.13 and later support automatically re-initializing the Kendo Widget\nwhen the `options` property is updated. This is useful for re-loading Grids\nwith new data, among other things. This is `false` by default.\n\n### `debug`\nSet `debug=true` to log detailed information on the lifecycle events of your\nreact-kendo component.\n\n## Additional Components\n\n### `React.Kendo.Template`\n\nA React Component that represents a [Kendo Template](http://docs.telerik.com/kendo-ui/framework/templates/overview).\nEasily create a Kendo Template from a React Component. Additionally mixin\n`React.Kendo.TemplateMixin`.\n\n```js\nvar k = React.Kendo;\nvar MyListItem = React.createClass({\n  mixins: [\n    k.TemplateMixin\n  ],\n  render: function () {\n    var item = this.props.item;\n    return (\n      \u003cspan\u003e{item.title}\u003c/span\u003e\n    );\n  }\n});\nvar KendoList = React.createClass({\n  render: function () {\n    return (\n      \u003ck.ListView options={\n        template: function (item) {\n          return k.Template(\u003cMyListItem item={item} /\u003e);\n        }\n      } /\u003e\n    );\n  }\n});\n```\n\n\n## Supplemental Functions\n\n`react-kendo` also includes some extra functionality that isn't included in\nKendo. These functions are added to the Kendo components via React mixins.\n\n\n### `Grid.enableDraggableRows(group, options)`\n\nInvoke this function to make Grid rows draggable. This is not possible by\ndefault in the kendo-ui library.\n\n```js\nvar k = React.Kendo;\nvar KendoList = React.createClass({\n  componentDidMount: function () {\n    this.refs.grid.enableDraggableRows('myGroup', {\n      drag: function (e) {\n        // some custom stuff\n      }\n    });\n  },\n  render: function () {\n    return (\n      \u003ck.Grid ref='grid' options={...} /\u003e\n    );\n  }\n});\n```\n\n## License\nMIT\n\n## Maintained By\n[\u003cimg src='http://i.imgur.com/Y03Jgmf.png' height='64px'\u003e](http://langa.io)\n\n[npm-image]: https://img.shields.io/npm/v/react-kendo.svg?style=flat-square\n[npm-url]: https://npmjs.org/package/react-kendo\n[travis-image]: https://img.shields.io/travis/tjwebb/react-kendo.svg?style=flat-square\n[travis-url]: https://travis-ci.org/tjwebb/react-kendo\n[daviddm-image]: http://img.shields.io/david/tjwebb/react-kendo.svg?style=flat-square\n[daviddm-url]: https://david-dm.org/tjwebb/react-kendo\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flangateam%2Freact-kendo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flangateam%2Freact-kendo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flangateam%2Freact-kendo/lists"}