@progress/kendo-react-inputs 5.7.0-sig.202208281415 → 5.7.0

package/docs/numerictextbox/index.md

@@ -1,49 +0,0 @@
----
-title: Overview
-description: "Get an overview of the features the KendoReact NumericTextBox delivers and use the component in React projects."
-slug: overview_numerictextbox
-position: 1
----
-
-# KendoReact NumericTextBox Overview
-
-The KendoReact NumericTextBox lets the user edit and submit specific numeric values by typing or by using the spin buttons.
-
-The KendoReact NumericTextBox component is part of the KendoReact library of React UI components. It is distributed through NPM under the [kendo-react-inputs package](https://www.npmjs.com/package/@progress/kendo-react-inputs).
-
-<div data-component="StartFreeTrialSection"></div>
-
-The following example demonstrates the NumericTextBox in action.
-
-{% meta height:200 %}
-{% variant title:Hooks %}
-{% embed_file numerictextbox/overview/func/main.tsx preview %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file numerictextbox/overview/class/main.tsx preview %}
-{% endvariant %}
-{% endmeta %}
-
->The NumericTextBox is part of the [KendoReact Inputs]({% slug overview_inputs %}) component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the NumericTextBox and the rest of the components in the package, see the [Getting Started with the KendoReact Inputs]({% slug getstarted_inputs %}) guide.
-
-## Key Features
-
-* [Predefined steps]({% slug predefinedsteps_numerictextbox %})&mdash;The predefined steps allow you to control the value of the increase or decrease step and fine-tune it for the specific application.
-* [Spin buttons]({% slug spinbuttons_numerictextbox %})&mdash;The NumericTextBox allows users to increase or decrease the input value with a predefined step by using the keyboard or the built-in buttons.
-* [Formats]({% slug formats_numerictextbox %})&mdash;You can control the format of the NumericTextBox input.
-* [Floating labels]({% slug floatinglabels_inputs %})&mdash;The floating labels functionality is integrated into the KendoReact NumericTextBox and can be easily configured through the `label` property.
-* [Forms support]({% slug forms_numerictextbox %})&mdash;You can integrate the NumericTextBox with an [HTML5 form](https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms), a [KendoReact Form]({% slug overview_form %}), or a third-party React form library.
-* [Globalization]({% slug globalization_inputs %})&mdash;The KendoReact NumericTextBox comes with globalization features that allow you to create applications that can be used all over the world.
-* [Keyboard navigation]({% slug keyboard_navigation_numerictextbox %})&mdash;The NumericTextBox allows users to interact with the component by using the up and down arrows on the keyboard.
-* [Accessibility]({% slug accessibility_numerictextbox %})&mdash;The NumericTextBox is accessible for screen readers and provides full WAI-ARIA support.
-
-## Known Limitations
-
-To keep its value, the NumericTextBox uses the [`Number`](https://www.ecma-international.org/ecma-262/6.0/#sec-ecmascript-language-types-number-type) JavaScript object. The `Number` JavaScript object persists its precision up to 15 digits, and units which are longer than that get converted to exponential numbers and lose their precision. Because the component relies on `Number`, it inherits the precision limitation and because the limitation is caused by the JavaScript logic, the NumericTextBox does not provide a workaround to handle it.
-
-## Suggested Links
-
-* [Getting Started with the KendoReact Inputs]({% slug getstarted_inputs %})
-* [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/)
-* [API Reference of the NumericTextBox Props]({% slug api_inputs_numerictextboxprops %})
-* [React NumericTextBox High-Level Overview](https://www.telerik.com/kendo-react-ui/numerictextbox/)

package/docs/numerictextbox/keyboard-navigation.md

@@ -1,26 +0,0 @@
----
-title: Keyboard Navigation
-description: "Use the KendoReact NumericTextBox keyboard navigation in React projects."
-slug: keyboard_navigation_numerictextbox
-position: 9
----
-
-# Keyboard Navigation
-
-By default, the keyboard navigation of the NumericTextBox is enabled.
-
-Below is the list with the keyboard shortcuts that the NumericTextBox supports.
-
-| SHORTCUT                            | DESCRIPTION         |
-|:---                                 |:---                 |
-| `Up Arrow`                          | Increases the displayed numeric value with a predefined step. |
-| `Down Arrow`                        | Decreases the displayed numeric value with a predefined step. |
-
-{% meta height:200 %}
-{% embed_file numerictextbox/keyboard/func/main.tsx preview %}
-{% endmeta %}
-
-## Suggested Links
-
-* [API Reference of the NumericTextBox Props]({% slug api_inputs_numerictextboxprops %})
-* [Accessibility]({% slug accessibility_numerictextbox %})

package/docs/numerictextbox/predefined-step.md

@@ -1,20 +0,0 @@
----
-title: Predefined Steps
-description: "Manage the predefined steps of the KendoReact NumericTextBox in React projects."
-slug: predefinedsteps_numerictextbox
-position: 2
----
-
-# Predefined Steps
-
-You can define the step of the NumericTextBox through the [`step`]({% slug api_inputs_numerictextboxprops %}#toc-step) property.
-
-When `step` is set, you can increase or decrease the value of the component that adopts the predefined step by using the spin buttons or the `Up` and `Down` arrow keys.
-
-{% meta height:200 %}
-{% embed_file numerictextbox/step/func/main.tsx preview %}
-{% endmeta %}
-
-## Suggested Links
-
-* [API Reference of the NumericTextBox Props]({% slug api_inputs_numerictextboxprops %})

package/docs/numerictextbox/ref.md

@@ -1,28 +0,0 @@
----
-title: Using the Component Ref
-description: "Get an overview how to create ref and use it for the KendoReact NumericTextBox component in React projects."
-slug: ref_numerictextbox
-position: 8
----
-
-# Using the Component Ref
-
-You can easily use `ref` for the NumericTextBox component.
-
-The following example demonstrates how to create `ref` for the NumericTextBox and use it to programmatically invoke the `focus()` method.
-
-
-
-{% meta height:150 %}
-{% variant title:Hooks %}
-{% embed_file numerictextbox/forms/ref/func/main.tsx preview %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file numerictextbox/forms/ref/class/main.tsx preview %}
-{% endvariant %}
-{% endmeta %}
-
-
-## Suggested Links
-
-* [API Reference of the NumericTextBox Props]({% slug api_inputs_numerictextboxprops %})

package/docs/numerictextbox/spin-buttons.md

@@ -1,20 +0,0 @@
----
-title: Spin Buttons
-description: "Manage the spin buttons of the KendoReact NumericTextBox in React projects."
-slug: spinbuttons_numerictextbox
-position: 3
----
-
-# Spin Buttons
-
-You can use the configuration options of the NumericTextBox to manage the settings of its spin buttons.
-
-When enabled, the spin buttons increase or decrease the value with the predefined step. By default, the [`spinners`]({% slug api_inputs_numerictextbox %}#toc-spinners) property is set to `true`. To hide the buttons, set the property to `false`.
-
-{% meta height:200 %}
-{% embed_file numerictextbox/spin/func/main.tsx preview %}
-{% endmeta %}
-
-## Suggested Links
-
-* [API Reference of the NumericTextBox Props]({% slug api_inputs_numerictextboxprops %})

package/docs/props-context.md

@@ -1,65 +0,0 @@
----
-title: Props Context
-description: "Learn how to provide a global configuration for all instances of a Input component in a React Application"
-slug: props-context_inputs
-position: 40
----
-
-# Inputs Props Context
-
-The `PropsContext` allows you to configure the props of all `@progress/kendo-react-inputs` components inside of it.
-
-This is useful if a component from the `@progress/kendo-react-inputs` package is wrapped inside another component (for example, KendoReact [Grid]({% slug overview_grid %}) or [Scheduler]({% slug overview_scheduler %})) and a specific component configuration is not exposed.
-
-The following example shows how to configure the NumericTextBox props in a Grid by using `NumericTextBoxPropsContext`:
-
-{% meta id:filtering height:490 %}
-{% variant title:Hooks %}
-{% embed_file props-context/overview/func/main.tsx preview %}
-{% embed_file props-context/overview/func/grid-with-filtering.tsx %}
-{% embed_file props-context/overview/func/sample-products.ts %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file props-context/overview/class/main.tsx preview %}
-{% embed_file props-context/overview/class/grid-with-filtering.tsx %}
-{% embed_file props-context/overview/class/sample-products.ts %}
-{% endvariant %}
-{% endmeta %}
-
-## Available Contexts
-
-The following components from the `@progress/kendo-react-inputs` package support passing `props` through `context`:
-
-| Component      | Context |
-| ----------- | ----------- |
-| Checkbox      | [`CheckboxPropsContext`]({% slug api_inputs_checkboxpropscontext %})       |
-| ColorPicker | [`ColorPickerPropsContext`]({% slug api_inputs_colorpickerpropscontext %})       |
-| ColorGradient | [`ColorGradientPropsContext`]({% slug api_inputs_colorgradientpropscontext %})       |
-| ColorPalette | [`ColorPalettePropsContext`]({% slug api_inputs_colorpalettepropscontext %})       |
-| Input | [`InputPropsContext`]({% slug api_inputs_inputpropscontext %})       |
-| MaskedTextBox | [`MaskedTextBoxPropsContext`]({% slug api_inputs_maskedtextboxpropscontext %})       |
-| NumericTextBox | [`NumericTextBoxPropsContext`]({% slug api_inputs_numerictextboxpropscontext %})       |
-| RadioButton | [`RadioButtonPropsContext`]({% slug api_inputs_radiobuttonpropscontext %})       |
-| RadioGroup | [`RadioGroupPropsContext`]({% slug api_inputs_radiogrouppropscontext %})       |
-| RangeSlider | [`RangeSliderPropsContext`]({% slug api_inputs_rangesliderpropscontext %})       |
-| Rating | [`RatingPropsContext`]({% slug api_inputs_ratingpropscontext %})       |
-| Slider | [`SliderPropsContext`]({% slug api_inputs_sliderpropscontext %})       |
-| Switch | [`SwitchPropsContext`]({% slug api_inputs_switchpropscontext %})       |
-| TextArea | [`TextAreaPropsContext`]({% slug api_inputs_textareapropscontext %})       |
-
-## Suggested Links
-
-* [Checkbox Overview]({% slug overview_calendar %})
-* [ColorPicker Overview]({% slug overview_colorpicker %})
-* [ColorGradient Overview]({% slug overview_colorgradient %})
-* [ColorPalette Overview]({% slug overview_colorpalette %})
-* [Input Overview]({% slug overview_input %})
-* [MaskedTextBox Overview]({% slug overview_maskedtextbox %})
-* [NumericTextBox Overview]({% slug overview_numerictextbox %})
-* [RadioButton Overview]({% slug overview_radiobutton %})
-* [RadioGroup Overview]({% slug overview_radiogroup %})
-* [RangeSlider Overview]({% slug overview_rangeslider %})
-* [Rating Overview]({% slug overview_rating %})
-* [Slider Overview]({% slug overview_slider %})
-* [Switch Overview]({% slug overview_switch %})
-* [TextArea Overview]({% slug overview_textarea %})

package/docs/radiobutton/_meta.yml

@@ -1,3 +0,0 @@
-title: RadioButton
-tags: component
-position: 10

package/docs/radiobutton/appearance.md

@@ -1,26 +0,0 @@
----
-title: Appearance
-description: "Add alternative styling options to the KendoReact RadioButton in React projects."
-slug: appearance_radiobutton
-position: 2
----
-
-# Appearance
-
-The RadioButton component provides a predefined set of appearance options.
-
-Apart from the default vision of the RadioButton, these alternative styling options enable you to configure each individual aspect of the appearance of a RadioButton.
-
-- [`size`]({% slug api_inputs_radiobuttonprops %}#toc-shape)
-
-The following example demonstrates configuring different aspects of a RadioButton appearance through a configurator.
-
-{% meta %}
-{% embed_file radiobutton/appearance/func/main.tsx preview %}
-{% embed_file shared/radiobutton-style-configurator.tsx %}
-{% endmeta %}
-
-## Suggested Links
-
-* [API Reference of the RadioButton]({% slug api_inputs_radiobuttonprops %})
-* [RadioButton `size` options]({% slug api_inputs_radiobuttonprops %}#toc-size)

package/docs/radiobutton/disabled.md

@@ -1,23 +0,0 @@
----
-title: Disabled RadioButton
-description: "Enable or disable the KendoReact RadioButton in React projects."
-slug: disabled_radiobutton
-position: 3
----
-
-# Disabled RadioButton
-
-By default, the RadioButton is enabled.
-
-To disable the component, set its [`disabled`]({% slug api_inputs_radiobuttonprops %}#toc-disabled) property to `true`.
-
-
-
-{% meta height:150 %}
-{% embed_file radiobutton/disabled/func/main.tsx preview %}
-{% endmeta %}
-
-
-## Suggested Links
-
-* [API Reference of the RadioButtonProps]({% slug api_inputs_radiobuttonprops %})

package/docs/radiobutton/index.md

@@ -1,47 +0,0 @@
----
-title: Overview
-description: "Get an overview of the features the KendoReact RadioButton delivers and use the component in React projects."
-slug: overview_radiobutton
-position: 1
----
-
-# KendoReact RadioButton Overview
-
-The KendoReact RadioButton lets the user to choose only one from multiple options.
-
-The RadioButton is designed to replace the `<input type="radio">` HTML5 tag and provides the KendoReact specific styling.
-
-<div data-component="StartFreeTrialSection"></div>
-
-The RadioButton is typically used within a RadioGroup with the same `name` attribute. All regular [`input type="radio"`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio) HTML attributes are applicable.
-
-The KendoReact RadioButton component is part of the KendoReact library of React UI components. It is distributed through NPM under the [kendo-react-inputs package](https://www.npmjs.com/package/@progress/kendo-react-inputs).
-
-The following example demonstrates the RadioButton component in action.
-
-
-
-{% meta height:150 %}
-{% variant title:Hooks %}
-{% embed_file radiobutton/overview/func/main.tsx preview %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file radiobutton/overview/class/main.tsx preview %}
-{% endvariant %}
-{% endmeta %}
-
->The RadioButton is part of the [KendoReact Inputs]({% slug overview_inputs %}) component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the RadioButton and the rest of the components in the package, see the [Getting Started with the KendoReact Inputs]({% slug getstarted_inputs %}) guide.
-
-## Key Features
-
-* [Disabled RadioButton]({% slug disabled_radiobutton %})&mdash;You can render a disabled RadioButton and keep it disabled until certain requirements are met.
-* [Labels]({% slug labels_radiobutton %})&mdash;You can add labels and set their position. The RadioButton supports custom labels as well.
-* [Globalization]({% slug globalization_inputs %})&mdash;The KendoReact RadioButton comes with globalization features that allow you to create applications that can be used all over the world.
-
-## Suggested Links
-
-* [Getting Started with the KendoReact Inputs]({% slug getstarted_inputs %})
-* [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/)
-* [API Reference of the RadioButton]({% slug api_inputs_radiobutton %})
-* [API Reference of the RadioButtonProps]({% slug api_inputs_radiobuttonprops %})
-* [React RadioButton High-Level Overview](https://www.telerik.com/kendo-react-ui/radiobutton/)

package/docs/radiobutton/labels.md

@@ -1,36 +0,0 @@
----
-title: Labels
-description: "Set the labels of the KendoReact RadioButton in React projects."
-slug: labels_radiobutton
-position: 4
----
-
-# Labels
-
-The RadioButton enables you to add label next to the input, either before or after it.
-
-## Setting Up the Label
-
-To set the label, use the [`label`]({% slug api_inputs_radiobuttonprops %}#toc-label) property, which accepts `string`. To set position of the label, use the [`labelPlacement`]({% slug api_inputs_radiobuttonprops %}#toc-labelPlacement) property, which accepts `before` and `after` values.
-
-
-
-{% meta height:130 %}
-{% embed_file radiobutton/labels/func/main.tsx preview %}
-{% endmeta %}
-
-
-## Custom labels
-
-To create a custom labels, set `id` prop of the RadioButton and provide custom markup for the label, including the `for` attribute for it.
-
-
-
-{% meta height:130 %}
-{% embed_file radiobutton/custom-labels/func/main.tsx preview %}
-{% endmeta %}
-
-
-## Suggested Links
-
-* [API Reference of the RadioButtonProps]({% slug api_inputs_radiobuttonprops %})

package/docs/radiogroup/_meta.yml

@@ -1,3 +0,0 @@
-title: RadioGroup
-tags: component
-position: 11

package/docs/radiogroup/accessibility.md

@@ -1,25 +0,0 @@
----
-title: Accessibility
-description: "Apply the accessibility support provided for the KendoReact RadioGroup."
-slug: accessibility_radiogroup
-position: 7
----
-
-# Accessibility
-
-The RadioGroup is designed to be accessible by on-screen readers and provides full [WAI-ARIA accessibility](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) support.
-
-## WAI-ARIA Support
-
-The RadioGroup has a `role="radiogroup"` attribute that semantically defines the group of radio buttons. The radio buttons has a `role="radio"`.
-
-The RadioGroup also follows the [WAI-ARIA best practices](https://www.w3.org/TR/wai-aria-practices/) for implementing the [keyboard navigation]({% slug keyboard_navigation_checkbox %}) for its component [role](https://www.w3.org/TR/wai-aria#roles) and is tested against the popular screen readers.
-
-## Section 508
-
-The RadioGroup is compliant with the [Section 508](https://www.section508.gov/) requirements.
-
-## Suggested Links
-
-* [API Reference of the RadioGroupProps]({% slug api_inputs_radiogroupprops %})
-* [Keyboard Navigation]({% slug keyboard_navigation_radiogroup %})

package/docs/radiogroup/controlled_mode.md

@@ -1,34 +0,0 @@
----
-title: Controlled Mode
-description: "Control the value of the KendoReact Radio Buttons within a RadioGroup in React projects."
-slug: controlled_radiogroup
-position: 2
----
-
-# Controlled Mode
-
-The RadioGroup provides options for controlling the checked state. It supports setting it's boolean value using `value` prop to the underlying `input` element.
-
-## Controlling the Checked and Disabled states
-
-To manage the checked state of the Radio buttons in a RadioGroup:
-
-1. Use its [`value`]({% slug api_inputs_radiogroupprops %}#toc-value) property.
-1. Handle the [`onChange`]({% slug api_inputs_radiogroupprops %}#toc-onchange) event.
-1. Pass the new value through the props.
-
-
-
-{% meta height:155 %}
-{% variant title:Hooks %}
-{% embed_file radiogroup/controlled/func/main.tsx preview %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file radiogroup/controlled/class/main.tsx preview %}
-{% endvariant %}
-{% endmeta %}
-
-
-## Suggested Links
-
-* [API Reference of the RadioGroupProps]({% slug api_inputs_radiogroupprops %})

package/docs/radiogroup/default_state.md

@@ -1,24 +0,0 @@
----
-title: Default State
-description: "Set the initial value of the KendoReact RadioGroup in React projects."
-slug: default_radiogroup
-position: 3
----
-
-# Default State
-
-The RadioGroup enables you to set its initial value when used in uncontrolled mode.
-
-Use its [`defaultValue`]({% slug api_inputs_radiogroupprops %}#toc-defaultValue) property.
-
-
-
-{% meta height:155 %}
-{% embed_file radiogroup/default-state/func/main.tsx preview %}
-{% endmeta %}
-
-
-
-## Suggested Links
-
-* [API Reference of the RadioGroupProps]({% slug api_inputs_radiogroupprops %})

package/docs/radiogroup/forms_support.md

@@ -1,37 +0,0 @@
----
-title: Forms support
-description: "Use the native HTML5 forms implementation of the KendoReact RadioGroup component in React projects."
-slug: forms_support_radiogroup
-position: 5
----
-
-# Forms Support
-
-The RadioGroup component can be easily integrated with our [KendoReact Form]({% slug overview_form %}) as well as the [HTML5 form](https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms) (or other third-party solutions).
-
-The form enables you to validate the radio group and prevent the submission of forms which are in an invalid state.
-
-
-### Support for KendoReact Form
-The KendoReact Form component [integrates with all KendoReact components](https://www.telerik.com/kendo-react-ui/components/form/custom-components/).
-
-You can display error messages and fully customize the behavior of the rendered component by using the additional properties of the Field component.
-
-The following example demonstrates how to render a required RadioGroup within a KendoReact Form component.
-
-
-
-{% meta height:460 %}
-{% variant title:Hooks %}
-{% embed_file radiogroup/forms/func/main.tsx preview %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file radiogroup/forms/class/main.tsx preview %}
-{% endvariant %}
-{% endmeta %}
-
-
-
-## Suggested Links
-
-* [API Reference of the RadioGroupProps]({% slug api_inputs_radiogroupprops %})

package/docs/radiogroup/index.md

@@ -1,41 +0,0 @@
----
-title: Overview
-description: "Get an overview of the features the KendoReact RadioGroup delivers and use the component in React projects."
-slug: overview_radiogroup
-position: 1
----
-
-# KendoReact RadioGroup Overview
-
-The KendoReact RadioGroup is a wrapper used to group two or more RadioButton components.
-
-The KendoReact RadioGroup component is part of the KendoReact library of React UI components. It is distributed through NPM under the [kendo-react-inputs package](https://www.npmjs.com/package/@progress/kendo-react-inputs).
-
-<div data-component="StartFreeTrialSection"></div>
-
-The following example demonstrates the RadioGroup component in action.
-
-
-{% meta height:155 %}
-{% embed_file radiogroup/overview/func/main.tsx preview %}
-{% endmeta %}
-
-
->The RadioGroup is part of the [KendoReact Inputs]({% slug overview_inputs %}) component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the RadioGroup and the rest of the components in the package, see the [Getting Started with the KendoReact Inputs]({% slug getstarted_inputs %}) guide.
-
-## Key Features
-
-* [Controlled Mode]({% slug controlled_radiogroup %})&mdash;Take advantage of the built-in options that allow you to control the state of the RadioGroup.
-* [Default State]({% slug default_radiogroup %})&mdash;The RadioGroup allows you to set its default value.
-* [Layout]({% slug layout_radiogroup %})&mdash;You can customize the radio buttons and arrange them in the built-in horizontal and vertical layouts.
-* [Forms Support]({% slug forms_support_radiogroup %})&mdash;You can easily integrate the RadioGroup with an [HTML5 form](https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms), a [KendoReact Form]({% slug overview_form %}), or a third-party React form library.
-* [Globalization]({% slug globalization_inputs %})&mdash;The KendoReact RadioGroup comes with globalization features that allow you to create applications that can be used all over the world.
-* [Keyboard Navigation]({% slug keyboard_navigation_radiogroup %})&mdash;The RadioGroup support numerous keyboard shortcuts that allow users to interact with the component.
-* [Accessibility]({% slug accessibility_radiogroup %})&mdash;The RadioGroup is accessible for screen readers and provides full WAI-ARIA support.
-
-## Suggested Links
-
-* [Getting Started with the KendoReact Inputs]({% slug getstarted_inputs %})
-* [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/)
-* [API Reference of the RadioGroupProps]({% slug api_inputs_radiogroupprops %})
-* [React RadioButtonGroup High-Level Overview](https://www.telerik.com/kendo-react-ui/radiogroup/)

package/docs/radiogroup/keyboard_navigation.md

@@ -1,37 +0,0 @@
----
-title: Keyboard Navigation
-description: "Use the KendoReact RadioGroup keyboard navigation in React projects."
-slug: keyboard_navigation_radiogroup
-position: 6
----
-
-# Keyboard Navigation
-
-The keyboard navigation of the RadioGroup is always available.
-
-The RadioGroup supports the following keyboard shortcuts:
-
-| SHORTCUT                            | DESCRIPTION         |
-|:---                                 |:---                 |
-| `Tab`                               | If any radio button is checked, focus is set on the checked button. If none of the radio buttons are checked, focus is set on the first radio button in the group. |
-| `Space`                             | Checks the focused radio button if it is not already checked. |
-| `Right Arrow` and `Down Arrow`      | Move focus and check the next radio button in the group. |
-| `Left Arrow` and `Up Arrow`         | Move focus and check the previous radio button in the group. |
-
-
-
-
-{% meta height:155 %}
-{% variant title:Hooks %}
-{% embed_file radiogroup/keyboard/func/main.tsx preview %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file radiogroup/keyboard/class/main.tsx preview %}
-{% endvariant %}
-{% endmeta %}
-
-
-## Suggested Links
-
-* [API Reference of the RadioGroupProps]({% slug api_inputs_radiogroupprops %})
-* [Accessibility]({% slug accessibility_radiogroup %})

package/docs/radiogroup/layout.md

@@ -1,29 +0,0 @@
----
-title: Layout
-description: "Set the orientation of the KendoReact RadioGroup component in React projects."
-slug: layout_radiogroup
-position: 4
----
-
-# Layout
-
-You can easily customize Radio Buttons as well as arrange them in two different built-in layouts inducing Horizontal, and Vertical.
-
-Use its [`layout`]({% slug api_inputs_radiogroupprops %}#toc-layout) property.
-
-
-
-{% meta height:300 %}
-{% variant title:Hooks %}
-{% embed_file radiogroup/layout/func/main.tsx preview %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file radiogroup/layout/class/main.tsx preview %}
-{% endvariant %}
-{% endmeta %}
-
-
-
-## Suggested Links
-
-* [API Reference of the RadioGroupProps]({% slug api_inputs_radiogroupprops %})

package/docs/rangeslider/_meta.yml

@@ -1,3 +0,0 @@
-title: RangeSlider
-tags: component
-position: 12

package/docs/rangeslider/accessibility.md

@@ -1,26 +0,0 @@
----
-title: Accessibility
-description: "Apply the accessibility support provided by the KendoReact RangeSlider."
-slug: accessibility_rangeslider
-position: 71
----
-
-# Accessibility
-
-The RangeSlider is designed to be accessible by on-screen readers and provides full [WAI-ARIA accessibility](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) support.
-
-## WAI-ARIA Support
-
-The RangeSlider is WAI ARIA-accessible through the `Tab` key. The `aria-valuemin`, `aria-valuemax`, and `aria-valuenow` properties define the accessibility values when the user drags the handle of the RangeSlider or interacts with the RangeSlider through the arrow keys or clicking on the scale. 
-
-The RangeSlider also follows the [WAI-ARIA best practices](https://www.w3.org/TR/wai-aria-practices/) for implementing the [keyboard navigation]({% slug keyboard_navigation_rangeslider %}) for its component [role](https://www.w3.org/TR/wai-aria#roles) and is tested against the popular screen readers.
-
-## Section 508
-
-The RangeSlider is compliant with the [Section 508](https://www.section508.gov/) requirements.
-
-## Suggested Links
-
-* [API Reference of the RangeSlider Component]({% slug api_inputs_rangeslider %})
-* [API Reference of the RangeSlider props]({% slug api_inputs_rangesliderprops %})
-* [Keyboard Navigation]({% slug keyboard_navigation_rangeslider %})

package/docs/rangeslider/controlled.md

@@ -1,32 +0,0 @@
----
-title: Controlled Mode
-description: "Control the value of the KendoReact RangeSlider in React projects."
-slug: controlled_rangeslider
-position: 6
----
-
-# Controlled Mode
-
-By default, the RangeSlider is in an uncontrolled state.
-
-To manage the state of the RangeSlider:
-
-1. Use its [`value`]({% slug api_inputs_rangesliderprops %}#toc-value) property.
-1. Handle the [`onChange`]({% slug api_inputs_rangesliderprops %}#toc-onchange) event.
-1. Pass the new value through the props.
-
-
-
-{% meta height:130 %}
-{% variant title:Hooks %}
-{% embed_file rangeslider/controlled/func/main.tsx preview %}
-{% endvariant %}
-{% variant title:Classes %}
-{% embed_file rangeslider/controlled/class/main.tsx preview %}
-{% endvariant %}
-{% endmeta %}
-
-
-## Suggested Links
-
-* [API Reference of the RangeSlider]({% slug api_inputs_rangeslider %})