kendo-ui-react-jquery-colorpicker
The Kendo UI for jQuery ColorPicker widget wrapped as a React component.
Install
npm i kendo-ui-react-jquery-colorpicker
Usage Example
import React from 'react';
import ReactDOM from 'react-dom';
import KendoColorPicker from 'kendo-ui-react-jquery-colorpicker';
import 'kendo-ui-core/css/web/kendo.common.core.min.css';
import 'kendo-ui-core/css/web/kendo.default.min.css';
var App = React.createClass({
render: function() {
return (
<KendoColorPicker options={{
value:"#ffffff",
buttons:false
}} />
);
}
});
ReactDOM.render(<App />, document.getElementById('app'));
React Props
Every KUI React Wrapper can make use of the following React props:
options
methods
events
unbindEvents
triggerEvents
Each is demonstrated below using a <KendoDropDownList>
KUI React wrapper.
<KendoDropDownList
options={{
dataSource:[{
text: "Item1",
value: "1"
}, {
text: "Item2",
value: "2"
}, {
text: "Item3",
value: "3"
}],
dataTextField: "text",
dataValueField: "value"
}}
methods={{
open:[],
value:['2']
}}
events={{
close:function(){console.log('dropdown closed')},
select:function(){console.log('item selected')},
open:function(){console.log('dropdown opened')}
}}
unbindEvents={[
"select"
]}
triggerEvents={[
"open",
]}>
<input className="kendoDropDownList" />
</KendoDropDownList>
KUI API
License
Apache License, Version 2.0