how to implementing a drag and drop feature in a web application that involves a specific component named <Add/>. The web application consists of two boxes: a source box and a target box. Your objective is to allow users to drag the <Add/> component from the source box to the target box.

Please describe in detail how you would approach implementing this drag and drop feature for the <Add/> component. Provide a step-by-step guide outlining the necessary code and interactions to achieve the functionality.

I'm using the badge component, but the badge background has disappeared. this is weird, because the background was there before. I do not recall any specific action that might have caused it to disappear. 

The badge component now looks like this:

This is my code.

package version: 

"@progress/kendo-react-indicators": "^5.0.1",

In the component

import {Badge, BadgeContainer} from "@progress/kendo-react-indicators";

<BadgeContainer>
    <Button>Filters</Button>
        <Badge align={{horizontal: "end", vertical: "top"}}
               themeColor="primary">{filters.length}</Badge>
</BadgeContainer>

does anyone have an idea what might have caused the background to disappear?

Hi,

Is it possible to change name "dataState" to something else? I have the question because when I have two separate Kendo React grids on the same page, I want to avoid having changes on one grid (dataState) affect the other grid as well

Hello,

I am migrating from kendo-ui-core to kendoreact and am looking for the dragstart/dragstop events on a slider. Is this possible with kendoreact?

Hi, I was looking at the new Spreadsheet (non-wrapper)  React component, and I couldn't find a way to do either

• Filter columns
• Create a ContextMenu for a cell.

Is there currently a built-in way to implement filters for columns, or does it have to be handled externally (i.e. building something into the toolbar)?

(Also, there is no Spreadsheet tag, only the tag for the former Spreadsheet wrapper.)

Is it possible to customize the buttons on a Window component to add more buttons besides being able to close/minimize window similar to how I was doing it with the JQuery version?

I was looking at this page https://www.telerik.com/kendo-react-ui/components/grid/selection/ with the intention of using 

getSelectedState

But I was getting this error when I tried to implement:

"@progress/kendo-react-grid"' has no exported member 'getSelectedState'

I eventually found a github page where someone said that "getSelectedState" is available with the version - 4.6.0" but I am using a previous version.
The changelog does not mention anything specific for "getSelectedState".

Is there anyway to found out which version has the component functionality? If I hadn't found the github page I would not know which version has "getSelectedState". 

Hello team,

Can you provide an example of how to achieve validations on grid while submitting the form. Not looking for HTML form submit as it validates single input at a time. I am trying for something below, but it should also validate the form and not allow to submit if grid has any violation.

React X5wmrp (forked) - StackBlitz