kendo-react-component

KendoReact — Component Assistant

Common Guidelines

Before implementing any component, read common-guidelines.md for the foundational rules that apply to every KendoReact implementation (package installation, function component patterns).

Component-Specific Guidelines

Certain components have additional guidelines that must be consulted:

Component	Read before implementing
DataGrid / Grid	datagrid-guidelines.md — deprecated props and modern replacements
Editor	editor-guidelines.md — EditorTools import pattern
SmartGrid / AI-enhanced Grid	smart-grid-guidelines.md — GridToolbarAIAssistant setup

Note: Grid is an alias for DataGrid. Always use DataGrid documentation and apply the rules in datagrid-guidelines.md.

Calling the Component Assistant

Use the kendo_component_assistant MCP tool to retrieve accurate API reference and documentation for any KendoReact component.

Tool call:

kendo_component_assistant({
    query="<Specific question about the component, its features, or configuration>",
    component="<ComponentName>"
})

Examples:

kendo_component_assistant({
    query="How to implement paging and sorting in DataGrid?",
    component="DataGrid"
})

kendo_component_assistant({
    query="How to configure the DatePicker with custom formats and min/max dates?",
    component="DatePicker"
})

kendo_component_assistant({
    query="How to implement multi-column DropDownList?",
    component="MultiColumnComboBox"
})

Query Guidelines

• One component per call — do not combine multiple component questions in one query
• Be specific — describe exactly the feature or behavior you need (e.g., "paging in DataGrid" not "DataGrid usage")
• Break broad queries down — for a DataGrid with paging, sorting, and filtering, make three separate calls
• Use the exact component name (e.g., DataGrid, not Grid; DatePicker, not date picker)