@progress/kendo-react-layout 13.3.0-develop.1 → 13.3.0-develop.3

package/index.d.mts

@@ -21,7 +21,7 @@ import { RefAttributes } from 'react';
 import { SVGIcon } from '@progress/kendo-react-common';
 
 /**
- * Represents the [KendoReact ActionSheet]({% slug overview_actionsheet %}) component.
+ * Represents the [KendoReact ActionSheet](https://www.telerik.com/kendo-react-ui/components/layout/actionsheet) component.
  */
 export declare const ActionSheet: React_2.ForwardRefExoticComponent<ActionSheetProps & React_2.RefAttributes<ActionSheetHandle | null>>;
 
@@ -407,7 +407,7 @@ export declare const ActionSheetViewDisplayName = "ActionSheetView";
 export declare const addYearsFlags: (eventsData: TimelineEventProps[]) => (TimelineEventProps | yearFlagProps)[];
 
 /**
- * Represents the [KendoReact AppBar component]({% slug overview_appbar %}).
+ * Represents the [KendoReact AppBar component](https://www.telerik.com/kendo-react-ui/components/layout/appbar).
  * Used to display information, actions, branding titles and additional navigation on the current screen.
  *
  * @example
@@ -456,7 +456,7 @@ export declare interface AppBarHandle {
 }
 
 /**
- * Specifies the AppBar position ([see example]({% slug positioning_appbar %}#toc-position)).
+ * Specifies the AppBar position ([see example](https://www.telerik.com/kendo-react-ui/components/layout/appbar/positioning#toc-position)).
  *
  * * The possible values are:
  * * 'top' (Default)
@@ -466,7 +466,7 @@ export declare interface AppBarHandle {
 export declare type AppBarPosition = 'top' | 'bottom';
 
 /**
- * Specifies the AppBar position mode ([see example]({% slug positioning_appbar %}#toc-position-mode)).
+ * Specifies the AppBar position mode ([see example](https://www.telerik.com/kendo-react-ui/components/layout/appbar/positioning#toc-position-mode)).
  *
  * * The possible values are:
  * * 'static' (Default)
@@ -476,7 +476,7 @@ export declare type AppBarPosition = 'top' | 'bottom';
 export declare type AppBarPositionMode = 'static' | 'sticky' | 'fixed';
 
 /**
- * Represents the props of the [KendoReact AppBar component]({% slug overview_appbar %}).
+ * Represents the props of the [KendoReact AppBar component](https://www.telerik.com/kendo-react-ui/components/layout/appbar).
  * Used to display information, actions, branding titles and additional navigation on the current screen.
  */
 export declare interface AppBarProps {
@@ -519,7 +519,7 @@ export declare interface AppBarProps {
      */
     id?: string;
     /**
-     * Specifies the AppBar position ([see example]({% slug positioning_appbar %}#toc-position)).
+     * Specifies the AppBar position ([see example](https://www.telerik.com/kendo-react-ui/components/layout/appbar/positioning#toc-position)).
      *
      * * The possible values are:
      * * 'top' (Default)
@@ -534,7 +534,7 @@ export declare interface AppBarProps {
      */
     position?: AppBarPosition;
     /**
-     * Specifies the AppBar position mode ([see example]({% slug positioning_appbar %}#toc-position-mode)).
+     * Specifies the AppBar position mode ([see example](https://www.telerik.com/kendo-react-ui/components/layout/appbar/positioning#toc-position-mode)).
      *
      * * The possible values are:
      * * 'static' (Default)
@@ -550,7 +550,7 @@ export declare interface AppBarProps {
      */
     positionMode?: AppBarPositionMode;
     /**
-     * Specifies the AppBar theme color ([see example]({% slug appearance_appbar %})).
+     * Specifies the AppBar theme color ([see example](https://www.telerik.com/kendo-react-ui/components/layout/appbar/appearance)).
      *
      * * The possible values are:
      * * `light` (Default)
@@ -576,7 +576,7 @@ export declare interface AppBarProps {
 }
 
 /**
- * Represents the [KendoReact AppBarSection component]({% slug contentarrangement_appbar %}#toc-sections).
+ * Represents the [KendoReact AppBarSection component](https://www.telerik.com/kendo-react-ui/components/layout/appbar/content-arrangement#toc-sections).
  *
  * @example
  * ```jsx
@@ -624,7 +624,7 @@ export declare interface AppBarSectionHandle {
 }
 
 /**
- * Represents the props of the [KendoReact AppBarSection component]({% slug contentarrangement_appbar %}#toc-sections).
+ * Represents the props of the [KendoReact AppBarSection component](https://www.telerik.com/kendo-react-ui/components/layout/appbar/content-arrangement#toc-sections).
  */
 export declare interface AppBarSectionProps {
     /**
@@ -642,7 +642,7 @@ export declare interface AppBarSectionProps {
 }
 
 /**
- * Represents the [KendoReact AppBarSpacer component]({% slug contentarrangement_appbar %}#toc-spacings).
+ * Represents the [KendoReact AppBarSpacer component](https://www.telerik.com/kendo-react-ui/components/layout/appbar/content-arrangement#toc-spacings).
  * Used to give additional white space between the AppBar sections and provides a way for customizing its width.
  *
  * @example
@@ -691,7 +691,7 @@ export declare interface AppBarSpacerHandle {
 }
 
 /**
- * Represents the props of the [KendoReact AppBarSpacer component]({% slug contentarrangement_appbar %}#toc-spacings).
+ * Represents the props of the [KendoReact AppBarSpacer component](https://www.telerik.com/kendo-react-ui/components/layout/appbar/content-arrangement#toc-spacings).
  * Used to give additional white space between the AppBar sections and provides a way for customizing its width.
  */
 export declare interface AppBarSpacerProps {
@@ -710,7 +710,7 @@ export declare interface AppBarSpacerProps {
 }
 
 /**
- * Specifies the AppBar theme color ([see example]({% slug appearance_appbar %})).
+ * Specifies the AppBar theme color ([see example](https://www.telerik.com/kendo-react-ui/components/layout/appbar/appearance)).
  *
  * * The possible values are:
  * * `light` (Default)
@@ -879,43 +879,43 @@ export declare enum avatarType {
  */
 declare interface BaseMenuItem {
     /**
-     * Specifies the item text ([see example]({% slug itemproperties_menu %}#toc-text)).
+     * Specifies the item text ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-text)).
      */
     text?: string;
     /**
-     * Specifies a URL which is rendered as a `href` attribute on the item link ([see example]({% slug itemproperties_menu %}#toc-url)).
+     * Specifies a URL which is rendered as a `href` attribute on the item link ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-url)).
      */
     url?: string;
     /**
-     * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will be rendered for the item ([see example]({% slug itemproperties_menu %}#toc-icon)).
+     * Specifies the name of the [font icon](https://www.telerik.com/kendo-react-ui/components/styling/icons#toc-list-of-font-icons) that will be rendered for the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-icon)).
      */
     icon?: string;
     /**
-     * Specifies the SVG icon that will be rendered for the item ([see example]({% slug itemproperties_menu %}#toc-icon)).
+     * Specifies the SVG icon that will be rendered for the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-icon)).
      */
     svgIcon?: SVGIcon;
     /**
-     * Specifies if the item is disabled ([see example]({% slug itemproperties_menu %}#toc-disabled-items)).
+     * Specifies if the item is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-disabled-items)).
      */
     disabled?: boolean;
     /**
-     * The additional CSS classes that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
+     * The additional CSS classes that will be rendered on the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-styles-and-classes)).
      */
     cssClass?: string;
     /**
-     * The CSS styles that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
+     * The CSS styles that will be rendered on the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-styles-and-classes)).
      */
     cssStyle?: React.CSSProperties;
     /**
-     * A React functional or class component which is used for rendering the innermost part of the Menu item ([see example]({% slug rendering_menu %}#toc-items)). By default, the innermost item part includes only the text for the item.
+     * A React functional or class component which is used for rendering the innermost part of the Menu item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-items)). By default, the innermost item part includes only the text for the item.
      */
     render?: any;
     /**
-     * A React functional or class component which is used for rendering the link of the item ([see example]({% slug rendering_menu %}#toc-links)). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
+     * A React functional or class component which is used for rendering the link of the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-links)). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
      */
     linkRender?: any;
     /**
-     * A React functional or class component which is used for rendering content instead of the item children ([see example]({% slug rendering_menu %}#toc-content)).
+     * A React functional or class component which is used for rendering content instead of the item children ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-content)).
      */
     contentRender?: any;
     /**
@@ -955,7 +955,7 @@ declare interface BaseMenuItemInternalProps {
 }
 
 /**
- * Represents the [KendoReact BottomNavigation component]({% slug overview_bottomnavigation %}).
+ * Represents the [KendoReact BottomNavigation component](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation).
  * Used to switch between primary destinations in an application.
  *
  * @example
@@ -984,7 +984,7 @@ export declare interface BottomNavigationEvent extends BaseEvent<BottomNavigatio
 
 /**
  * The BottomNavigation fill style
- * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
+ * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/appearance#toc-fill)).
  *
  * The possible values are:
  * * `flat`(Default) &mdash; Sets the theme color as the text color. The background will be white.
@@ -1009,13 +1009,13 @@ export declare interface BottomNavigationHandle {
 }
 
 /**
- * Represents the [KendoReact BottomNavigationItem component]({% slug overview_bottomnavigation %}).
+ * Represents the [KendoReact BottomNavigationItem component](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation).
  */
 export declare const BottomNavigationItem: React_2.ForwardRefExoticComponent<Omit<BottomNavigationItemProps, "ref"> & React_2.RefAttributes<BottomNavigationItemHandle | null>>;
 
 /**
  * Specifies how the icon and text label are positioned in each BottomNavigation item
- * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
+ * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/content-types#toc-item-flow)).
  *
  * The possible values are:
  * * `vertical`(Default) &mdash; Renders the text below the icon.
@@ -1145,7 +1145,7 @@ export declare interface BottomNavigationItemProps {
 
 /**
  * Specifies the BottomNavigation position and behavior when the page is scrolled
- * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
+ * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/positioning#toc-position-mode)).
  *
  * The possible values are:
  * * `fixed`(Default) &mdash; The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
@@ -1156,7 +1156,7 @@ export declare interface BottomNavigationItemProps {
 export declare type BottomNavigationPositionMode = 'sticky' | 'fixed';
 
 /**
- * Represents the props of the [KendoReact BottomNavigation component]({% slug overview_bottomnavigation %}).
+ * Represents the props of the [KendoReact BottomNavigation component](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation).
  */
 export declare interface BottomNavigationProps {
     /**
@@ -1197,7 +1197,7 @@ export declare interface BottomNavigationProps {
     dir?: string;
     /**
      * Specifies the BottomNavigation theme color
-     * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/appearance#toc-theme-color)).
      *
      * The possible values are:
      * * `primary` (Default) &mdash; Applies coloring based on the primary theme color.
@@ -1221,7 +1221,7 @@ export declare interface BottomNavigationProps {
     themeColor?: BottomNavigationThemeColor;
     /**
      * The BottomNavigation fill style
-     * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/appearance#toc-fill)).
      *
      * The possible values are:
      * * `flat`(Default) &mdash; Sets the theme color as the text color. The background will be white.
@@ -1232,7 +1232,7 @@ export declare interface BottomNavigationProps {
     fillMode?: BottomNavigationFill;
     /**
      * Specifies the BottomNavigation position and behavior when the page is scrolled
-     * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/positioning#toc-position-mode)).
      *
      * The possible values are:
      * * `fixed`(Default) &mdash; The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
@@ -1250,7 +1250,7 @@ export declare interface BottomNavigationProps {
     positionMode?: BottomNavigationPositionMode;
     /**
      * Specifies how the icon and text label are positioned in each BottomNavigation item
-     * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/content-types#toc-item-flow)).
      *
      * The possible values are:
      * * `vertical`(Default) &mdash; Renders the text below the icon.
@@ -1287,7 +1287,7 @@ export declare interface BottomNavigationProps {
      */
     disabled?: boolean;
     /**
-     * The collection of items that will be rendered in the BottomNavigation ([see example]({% slug overview_bottomnavigation %})).
+     * The collection of items that will be rendered in the BottomNavigation ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation)).
      *
      * @example
      * ```jsx
@@ -1298,7 +1298,7 @@ export declare interface BottomNavigationProps {
     items?: Array<BottomNavigationItemProps>;
     /**
      * Overrides the default component's content responsible for visualizing a single item
-     * ([see example]({% slug custom_rendering_bottomnavigation %}#toc-custom-rendering)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/custom-rendering#toc-custom-rendering)).
      *
      * @example
      * ```jsx
@@ -1309,7 +1309,7 @@ export declare interface BottomNavigationProps {
     item?: React.ComponentType<BottomNavigationItemProps>;
     /**
      * Fires when a BottomNavigation item is about to be rendered
-     * ([see example]({% slug custom_rendering_bottomnavigation %}#toc-item-render-property)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/custom-rendering#toc-item-render-property)).
      * Used to override the default appearance of the items.
      */
     itemRender?: (span: React.ReactElement<HTMLSpanElement>, itemProps: BottomNavigationItemProps) => React.ReactNode;
@@ -1349,7 +1349,7 @@ export declare interface BottomNavigationSelectEvent extends BaseEvent<BottomNav
 
 /**
  * Specifies the BottomNavigation theme color.
- * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
+ * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/appearance#toc-theme-color)).
  *
  * The possible values are:
  * * `primary` (Default) &mdash; Applies coloring based on the primary theme color.
@@ -1390,7 +1390,7 @@ export declare interface BreadcrumbDelimiterHandle {
 }
 
 /**
- * Represents the props of [BreadcrumbDelimiter]({% slug api_layout_breadcrumbdelimiter %}) component.
+ * Represents the props of [BreadcrumbDelimiter](https://www.telerik.com/kendo-react-ui/components/layout/api/breadcrumbdelimiter) component.
  */
 export declare interface BreadcrumbDelimiterProps {
     /**
@@ -1522,7 +1522,7 @@ export declare interface BreadcrumbLinkMouseEvent extends BaseEvent<BreadcrumbLi
 }
 
 /**
- * Represents the properties of [BreadcrumbLink]({% slug api_layout_breadcrumblink %}) component.
+ * Represents the properties of [BreadcrumbLink](https://www.telerik.com/kendo-react-ui/components/layout/api/breadcrumblink) component.
  */
 export declare interface BreadcrumbLinkProps {
     /**
@@ -1607,7 +1607,7 @@ export declare interface BreadcrumbListItemHandle {
 }
 
 /**
- * Represents the properties of [BreadcrumbListItem]({% slug api_layout_breadcrumblistitem %}) component.
+ * Represents the properties of [BreadcrumbListItem](https://www.telerik.com/kendo-react-ui/components/layout/api/breadcrumblistitem) component.
  */
 export declare interface BreadcrumbListItemProps {
     /**
@@ -1656,7 +1656,7 @@ export declare interface BreadcrumbOrderedListHandle {
 }
 
 /**
- * Represents the properties of [BreadcrumbOrderedList]({% slug api_layout_breadcrumborderedlist %}) component.
+ * Represents the properties of [BreadcrumbOrderedList](https://www.telerik.com/kendo-react-ui/components/layout/api/breadcrumborderedlist) component.
  */
 export declare interface BreadcrumbOrderedListProps {
     /**
@@ -1694,7 +1694,7 @@ export declare interface BreadcrumbOrderedListProps {
 }
 
 /**
- * Represents the props of [Breadcrumb]({% slug api_layout_breadcrumb %}) component.
+ * Represents the props of [Breadcrumb](https://www.telerik.com/kendo-react-ui/components/layout/api/breadcrumb) component.
  */
 export declare interface BreadcrumbProps {
     /**
@@ -2276,7 +2276,7 @@ export declare enum cardType {
 export declare const contentDisplayName = "ActionSheetContent";
 
 /**
- * Represents the [KendoReact ContextMenu component]({% slug overview_contextmenu %}).
+ * Represents the [KendoReact ContextMenu component](https://www.telerik.com/kendo-react-ui/components/layout/contextmenu).
  */
 export declare const ContextMenu: {
     (props: ContextMenuProps): JSX.Element;
@@ -2284,7 +2284,7 @@ export declare const ContextMenu: {
 };
 
 /**
- * The props of the [KendoReact ContextMenu component]({% slug overview_contextmenu %}).
+ * The props of the [KendoReact ContextMenu component](https://www.telerik.com/kendo-react-ui/components/layout/contextmenu).
  */
 export declare interface ContextMenuProps extends Omit<MenuProps, 'onClose' | 'openOnClick' | 'hoverOpenDelay' | 'hoverCloseDelay'> {
     /**
@@ -2349,7 +2349,7 @@ export declare interface DataModel {
 export declare const downArrowName = "caret-alt-down";
 
 /**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
+ * Represents the [KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).
  *
  * @example
  * ```jsx
@@ -2389,13 +2389,13 @@ export declare interface DrawerAnimation {
      */
     type?: 'slide';
     /**
-     * Specifies the duration of the Drawer animation ([see example]({% slug display_modes_drawer %}#toc-expand-modes)) .
+     * Specifies the duration of the Drawer animation ([see example](https://www.telerik.com/kendo-react-ui/components/layout/drawer/display_modes#toc-expand-modes)) .
      */
     duration: number;
 }
 
 /**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
+ * Represents the [KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).
  *
  * @example
  * ```jsx
@@ -2436,7 +2436,7 @@ export declare interface DrawerContentHandle {
 }
 
 /**
- * The properties of the [KendoReact DrawerContent component]({% slug overview_drawer %}).
+ * The properties of the [KendoReact DrawerContent component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).
  */
 export declare interface DrawerContentProps {
     /**
@@ -2468,7 +2468,7 @@ export declare interface DrawerHandle {
 }
 
 /**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
+ * Represents the [KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).
  *
  * @example
  * ```jsx
@@ -2636,7 +2636,7 @@ export declare interface DrawerItemProps {
 }
 
 /**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
+ * Represents the [KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).
  *
  * @example
  * ```jsx
@@ -2678,7 +2678,7 @@ export declare interface DrawerNavigationHandle {
 }
 
 /**
- * The properties of the [KendoReact DrawerNavigation component]({% slug overview_drawer %}).
+ * The properties of the [KendoReact DrawerNavigation component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).
  */
 export declare interface DrawerNavigationProps {
     /**
@@ -2696,7 +2696,7 @@ export declare interface DrawerNavigationProps {
 }
 
 /**
- * The properties of the [KendoReact Drawer component]({% slug overview_drawer %}).
+ * The properties of the [KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer).
  */
 export declare interface DrawerProps {
     /**
@@ -2712,7 +2712,7 @@ export declare interface DrawerProps {
     animation?: boolean | DrawerAnimation;
     /**
      * Specifies the state of the Drawer
-     * ([see example]({% slug expanded_state_drawer %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/drawer/expanded_state)).
      *
      * Example:
      * ```jsx
@@ -2747,7 +2747,7 @@ export declare interface DrawerProps {
     dir?: string;
     /**
      * Specifies the mode in which the Drawer will be displayed
-     * ([see example]({% slug display_modes_drawer %}#toc-expand-modes)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/drawer/display_modes#toc-expand-modes)).
      *
      * Example:
      * ```jsx
@@ -2759,7 +2759,7 @@ export declare interface DrawerProps {
     mode?: 'overlay' | 'push';
     /**
      * Specifies the position of the Drawer
-     * ([see example]({% slug positioning_drawer %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/drawer/positioning)).
      *
      * Example:
      * ```jsx
@@ -2784,7 +2784,7 @@ export declare interface DrawerProps {
     tabIndex?: number;
     /**
      * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed
-     * ([see example]({% slug display_modes_drawer %}#toc-mini-view)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/drawer/display_modes#toc-mini-view)).
      *
      * Example:
      * ```jsx
@@ -2817,7 +2817,7 @@ export declare interface DrawerProps {
     width?: number;
     /**
      * The collection of items that will be rendered in the Drawer
-     * ([see example]({% slug overview_drawer %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/drawer)).
      *
      * Example:
      * ```jsx
@@ -2827,7 +2827,7 @@ export declare interface DrawerProps {
     items?: Array<DrawerItemProps>;
     /**
      * Overrides the default component responsible for visualizing a single item
-     * ([see example]({% slug custom_rendering %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/drawer/custom_rendering)).
      *
      * Example:
      * ```jsx
@@ -2889,7 +2889,7 @@ export declare interface EventDataProps {
 }
 
 /**
- * Represents the [KendoReact ExpansionPanel component]({% slug overview_expansionpanel %}).
+ * Represents the [KendoReact ExpansionPanel component](https://www.telerik.com/kendo-react-ui/components/layout/expansionpanel).
  */
 export declare const ExpansionPanel: React_2.ForwardRefExoticComponent<ExpansionPanelProps & React_2.RefAttributes<ExpansionPanelHandle | null>>;
 
@@ -3028,7 +3028,7 @@ export declare const getFocusedChild: (flattenChildren: any, step: number, event
 export declare const getInitialState: (props: any, expandMode: PanelBarExpandMode, result?: PanelBarState, parentExpanded?: boolean, parentPrivateKey?: string[]) => PanelBarState;
 
 /**
- * Represents the [KendoReact GridLayout component]({% slug overview_gridlayout %}).
+ * Represents the [KendoReact GridLayout component](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout).
  * Arranges the contents of the component in rows and columns in a grid structure.
  *
  * @example
@@ -3081,11 +3081,11 @@ export declare interface GridLayoutAlign {
 }
 
 /**
- * Represents the props of the [KendoReact GridLayout column]({% slug overview_gridlayout %}).
+ * Represents the props of the [KendoReact GridLayout column](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout).
  */
 export declare interface GridLayoutColumnProps {
     /**
-     * Specifies the width of the GridLayout column ([see example]({% slug overview_gridlayout %}#kendoreact-gridlayout-overview)).
+     * Specifies the width of the GridLayout column ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout#kendoreact-gridlayout-overview)).
      *
      * Example:
      * ```jsx
@@ -3121,7 +3121,7 @@ export declare interface GridLayoutHandle {
 }
 
 /**
- * Represents the [KendoReact GridLayoutItem component]({% slug overview_gridlayout %}).
+ * Represents the [KendoReact GridLayoutItem component](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout).
  *
  * @example
  * ```jsx
@@ -3158,11 +3158,11 @@ export declare interface GridLayoutItemHandle {
 }
 
 /**
- * Represents the props of the [KendoReact GridLayoutItem component]({% slug overview_gridlayout %}).
+ * Represents the props of the [KendoReact GridLayoutItem component](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout).
  */
 export declare interface GridLayoutItemProps {
     /**
-     * The React elements that will be rendered inside the GridLayoutItem ([see example]({% slug items_gridlayout %}#toc-items)).
+     * The React elements that will be rendered inside the GridLayoutItem ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/items#toc-items)).
      *
      * Example:
      * ```jsx
@@ -3171,7 +3171,7 @@ export declare interface GridLayoutItemProps {
      */
     children?: React_2.ReactNode;
     /**
-     * Sets additional CSS classes to the GridLayoutItem ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Sets additional CSS classes to the GridLayoutItem ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/items#toc-items)).
      *
      * Example:
      * ```jsx
@@ -3180,7 +3180,7 @@ export declare interface GridLayoutItemProps {
      */
     className?: string;
     /**
-     * Sets additional CSS styles to the GridLayoutItem ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Sets additional CSS styles to the GridLayoutItem ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/items#toc-items)).
      *
      * Example:
      * ```jsx
@@ -3189,7 +3189,7 @@ export declare interface GridLayoutItemProps {
      */
     style?: React_2.CSSProperties;
     /**
-     * Sets the `id` property of the root GridLayoutItem element ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Sets the `id` property of the root GridLayoutItem element ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/items#toc-items)).
      *
      * Example:
      * ```jsx
@@ -3198,7 +3198,7 @@ export declare interface GridLayoutItemProps {
      */
     id?: string;
     /**
-     * Defines the column line from which the element will start ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Defines the column line from which the element will start ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/items#toc-items)).
      *
      * Example:
      * ```jsx
@@ -3207,7 +3207,7 @@ export declare interface GridLayoutItemProps {
      */
     col?: number;
     /**
-     * Specifies the number of columns over which the element will span ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Specifies the number of columns over which the element will span ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/items#toc-items)).
      * Defaults to `1`.
      *
      * Example:
@@ -3217,7 +3217,7 @@ export declare interface GridLayoutItemProps {
      */
     colSpan?: number;
     /**
-     * Defines the row line from which the element will start ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Defines the row line from which the element will start ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/items#toc-items)).
      *
      * Example:
      * ```jsx
@@ -3226,7 +3226,7 @@ export declare interface GridLayoutItemProps {
      */
     row?: number;
     /**
-     * Specifies the number of rows over which the element will span ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Specifies the number of rows over which the element will span ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/items#toc-items)).
      * Defaults to `1`.
      *
      * Example:
@@ -3238,11 +3238,11 @@ export declare interface GridLayoutItemProps {
 }
 
 /**
- * Represents the props of the [KendoReact GridLayout component]({% slug overview_gridlayout %}).
+ * Represents the props of the [KendoReact GridLayout component](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout).
  */
 export declare interface GridLayoutProps {
     /**
-     * The React elements that will be rendered inside the GridLayout ([see example]({% slug overview_gridlayout %}#toc-children)).
+     * The React elements that will be rendered inside the GridLayout ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout#toc-children)).
      *
      * Example:
      * ```jsx
@@ -3254,7 +3254,7 @@ export declare interface GridLayoutProps {
      */
     children?: React_2.ReactNode;
     /**
-     * Sets additional CSS classes to the GridLayout ([see example]({% slug overview_gridlayout %}#toc-classname)).
+     * Sets additional CSS classes to the GridLayout ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout#toc-classname)).
      *
      * Example:
      * ```jsx
@@ -3263,7 +3263,7 @@ export declare interface GridLayoutProps {
      */
     className?: string;
     /**
-     * Sets additional CSS styles to the GridLayout ([see example]({% slug overview_gridlayout %}#toc-style)).
+     * Sets additional CSS styles to the GridLayout ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout#toc-style)).
      *
      * Example:
      * ```jsx
@@ -3272,7 +3272,7 @@ export declare interface GridLayoutProps {
      */
     style?: React_2.CSSProperties;
     /**
-     * Sets the `id` property of the root GridLayout element ([see example]({% slug overview_gridlayout %}#toc-id)).
+     * Sets the `id` property of the root GridLayout element ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout#toc-id)).
      *
      * Example:
      * ```jsx
@@ -3281,7 +3281,7 @@ export declare interface GridLayoutProps {
      */
     id?: string;
     /**
-     * Specifies the gaps between the elements ([see example]({% slug layout_gridlayout %}#toc-gaps)).
+     * Specifies the gaps between the elements ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/layout#toc-gaps)).
      *
      * * The possible keys are:
      * * `rows`
@@ -3294,7 +3294,7 @@ export declare interface GridLayoutProps {
      */
     gap?: GridLayoutGap;
     /**
-     * Specifies the horizontal and vertical alignment of the inner GridLayout elements ([see example]({% slug layout_gridlayout %}#horizontal-alignment)).
+     * Specifies the horizontal and vertical alignment of the inner GridLayout elements ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/layout#horizontal-alignment)).
      *
      * The possible keys are:
      * * `horizontal`&mdash;Defines the possible horizontal alignment of the inner GridLayout elements.
@@ -3315,7 +3315,7 @@ export declare interface GridLayoutProps {
      */
     align?: GridLayoutAlign;
     /**
-     * Specifies the default number of columns and their widths ([see example]({% slug layout_gridlayout %}#toc-rows-and-columns)).
+     * Specifies the default number of columns and their widths ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/layout#toc-rows-and-columns)).
      *
      * Example:
      * ```jsx
@@ -3324,7 +3324,7 @@ export declare interface GridLayoutProps {
      */
     cols?: GridLayoutColumnProps[];
     /**
-     * Specifies the default number of rows and their height ([see example]({% slug layout_gridlayout %}#toc-rows-and-columns)).
+     * Specifies the default number of rows and their height ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/layout#toc-rows-and-columns)).
      *
      * Example:
      * ```jsx
@@ -3335,11 +3335,11 @@ export declare interface GridLayoutProps {
 }
 
 /**
- * Represents the props of the [KendoReact GridLayout row]({% slug overview_gridlayout %}).
+ * Represents the props of the [KendoReact GridLayout row](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout).
  */
 export declare interface GridLayoutRowProps {
     /**
-     * Specifies the height of the GridLayout row ([see example]({% slug overview_gridlayout %}#kendoreact-gridlayout-overview)).
+     * Specifies the height of the GridLayout row ([see example](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout#kendoreact-gridlayout-overview)).
      *
      * Example:
      * ```jsx
@@ -3373,7 +3373,7 @@ export declare const leftArrowName = "caret-alt-left";
 export declare const Menu: ForwardRefExoticComponent<MenuProps & RefAttributes<any>>;
 
 /**
- * Represents the [KendoReact Menu component]({% slug overview_menu %}).
+ * Represents the [KendoReact Menu component](https://www.telerik.com/kendo-react-ui/components/layout/menu).
  *
  * @remarks
  * Supported children components are: {@link MenuItem}.
@@ -3648,18 +3648,18 @@ export declare interface MenuItemModel extends BaseMenuItem {
 }
 
 /**
- * The properties of the KendoReact MenuItem component ([more information and examples]({% slug items_menu %})).
+ * The properties of the KendoReact MenuItem component ([more information and examples](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/items)).
  */
 export declare interface MenuItemProps extends BaseMenuItem {
 }
 
 /**
- * The properties of the [KendoReact Menu component]({% slug overview_menu %}).
+ * The properties of the [KendoReact Menu component](https://www.telerik.com/kendo-react-ui/components/layout/menu).
  */
 export declare interface MenuProps {
     /**
      * Specifies whether the Menu will be vertical
-     * ([see example]({% slug vertical_menu %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/vertical)).
      *
      * @example
      * ```jsx
@@ -3731,7 +3731,7 @@ export declare interface MenuProps {
     dir?: string;
     /**
      * Specifies the delay in milliseconds before the Menu items are closed on
-     * item mouse-leave ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
+     * item mouse-leave ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/open-close#toc-delay-on-hover)).
      * Used to avoid accidental closure on leaving.
      *
      * @example
@@ -3744,7 +3744,7 @@ export declare interface MenuProps {
     hoverOpenDelay?: number;
     /**
      * Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave
-     * ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/open-close#toc-delay-on-hover)).
      *
      * @example
      * ```jsx
@@ -3767,7 +3767,7 @@ export declare interface MenuProps {
     openOnClick?: boolean;
     /**
      * A React functional or class component which is used for rendering the innermost part of
-     * the Menu item ([see example]({% slug rendering_menu %}#toc-items)).
+     * the Menu item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-items)).
      * By default, the innermost item part includes only the text for the item.
      *
      * @example
@@ -3779,7 +3779,7 @@ export declare interface MenuProps {
     itemRender?: any;
     /**
      * A React functional or class component which is used for rendering the link of the item
-     * ([see example]({% slug rendering_menu %}#toc-links)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-links)).
      * The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
      *
      * @example
@@ -3871,7 +3871,7 @@ declare enum NavigationAction {
 }
 
 /**
- * Represents the [KendoReact PanelBar component]({% slug overview_panelbar %}).
+ * Represents the [KendoReact PanelBar component](https://www.telerik.com/kendo-react-ui/components/layout/panelbar).
  *
  * @remarks
  * Supported children components are: {@link PanelBarItem}.
@@ -4004,7 +4004,7 @@ declare interface PanelBarItemClickEventArguments {
  */
 export declare interface PanelBarItemProps {
     /**
-     * Allows individual animation control over the child ([see example]({% slug animations_panelbar %})). By default, it is controlled by the PanelBar component.
+     * Allows individual animation control over the child ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/animations)). By default, it is controlled by the PanelBar component.
      */
     animation?: boolean;
     /**
@@ -4021,14 +4021,14 @@ export declare interface PanelBarItemProps {
     headerClassName?: string;
     /**
      * Sets the initial expanded state of the PanelBarItem
-     * ([see example]({% slug statesitems_panelbar %}#toc-expanded-items)). Controlled by the PanelBar component.
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/items/states#toc-expanded-items)). Controlled by the PanelBar component.
      *
      * @default false
      */
     expanded?: boolean;
     /**
      * Sets the disabled state of the PanelBarItem
-     * ([see example]({% slug statesitems_panelbar %}#toc-disabled-items)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/items/states#toc-disabled-items)).
      *
      * @default false
      */
@@ -4043,34 +4043,34 @@ export declare interface PanelBarItemProps {
     level?: number;
     /**
      * Defines an icon that will be rendered next to the title
-     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/items/titles#toc-adding-icons)).
      */
     icon?: string;
     /**
      * Defines an SVG icon that will be rendered next to the title
-     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/items/titles#toc-adding-icons)).
      */
     svgIcon?: SVGIcon;
     /**
      * Defines an icon with a custom CSS class that will be rendered next to the title
-     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/items/titles#toc-adding-icons)).
      */
     iconClass?: string;
     /**
      * Defines the location of the image that will be displayed next to the title
-     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-images)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/items/titles#toc-adding-images)).
      */
     imageUrl?: string;
     /**
      * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component
-     * ([see example]({% slug statesitems_panelbar %}#toc-selected-items)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/items/states#toc-selected-items)).
      *
      * @default false
      */
     selected?: boolean;
     /**
      * Sets the title of the PanelBar item
-     * ([see example]({% slug titlesitems_panelbar %}#toc-getting-started)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/items/titles#toc-getting-started)).
      */
     title?: React.ReactNode;
     /**
@@ -4091,7 +4091,7 @@ export declare interface PanelBarItemProps {
     content?: any;
     /**
      * Used to identify the PanelBarItems inside the PanelBar
-     * ([see example]({% slug controlling_state_panelbar %})). Does not depend on the state of the PanelBarItem.
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/controlling-state)). Does not depend on the state of the PanelBarItem.
      */
     uniquePrivateKey?: string;
     /**
@@ -4114,7 +4114,7 @@ declare interface PanelBarItemState {
 }
 
 /**
- * Represents the props of the [KendoReact PanelBar component]({% slug overview_panelbar %}).
+ * Represents the props of the [KendoReact PanelBar component](https://www.telerik.com/kendo-react-ui/components/layout/panelbar).
  */
 export declare interface PanelBarProps {
     /**
@@ -4150,7 +4150,7 @@ export declare interface PanelBarProps {
      */
     animation?: boolean;
     /**
-     * Sets the expand mode of the PanelBar ([see example]({% slug expandmodes_panelbar %})).
+     * Sets the expand mode of the PanelBar ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/expand-modes)).
      *
      * The available modes are:
      * - `"single"`&mdash;Allows you to expand only one item at a time. The expanding of an item collapses the item that was previously expanded.
@@ -4223,7 +4223,7 @@ export declare interface PanelBarProps {
      */
     isControlled?: boolean;
     /**
-     * Fires each time the user makes a selection ([see example]({% slug controlling_state_panelbar %})).
+     * Fires each time the user makes a selection ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/controlling-state)).
      *
      * @example
      * ```jsx
@@ -4272,7 +4272,7 @@ export declare interface PanelBarState {
 export declare namespace PanelBarUtils {
     /**
      * Maps a collection of PanelBarItemProps to PanelBarItem components
-     * ([see example]({% slug customization_panelbar %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/panelbar/customization)).
      * Contained in the `PanelBarUtils` object.
      *
      * @param items - A collection of PanelBarItemProps.
@@ -4322,7 +4322,7 @@ declare type ScrollButtonsPosition = 'split' | 'start' | 'end' | 'around' | 'bef
 export declare const sortEventList: (eventList: TimelineEventProps[]) => TimelineEventProps[];
 
 /**
- * Represents the [KendoReact Splitter component]({% slug overview_splitter %}).
+ * Represents the [KendoReact Splitter component](https://www.telerik.com/kendo-react-ui/components/layout/splitter).
  *
  * @example
  * ```jsx
@@ -4471,20 +4471,20 @@ export declare interface SplitterPaneExtendedProps extends SplitterPaneProps {
  */
 export declare interface SplitterPaneProps extends KendoReactComponentBaseProps {
     /**
-     * Sets the size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)). Has to be between the `min` and `max` properties.
+     * Sets the size of the pane ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-dimensions)). Has to be between the `min` and `max` properties.
      */
     size?: string;
     /**
-     * Sets the minimum possible size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)).
+     * Sets the minimum possible size of the pane ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-dimensions)).
      */
     min?: string;
     /**
-     * Sets the maximum possible size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)).
+     * Sets the maximum possible size of the pane ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-dimensions)).
      */
     max?: string;
     /**
      * Specifies if the user is allowed to resize the pane and provide space for other panes
-     * ([see example]({% slug panes_splitter %}#toc-resizing)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-resizing)).
      * If `resizable` is not specified, the resizing of the pane will be enabled.
      *
      * @default true
@@ -4492,21 +4492,21 @@ export declare interface SplitterPaneProps extends KendoReactComponentBaseProps
     resizable?: boolean;
     /**
      * Specifies if the user is allowed to hide the pane and provide space for other panes
-     * ([see example]({% slug panes_splitter %}#toc-collapsing)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-collapsing)).
      *
      * @default false
      */
     collapsible?: boolean;
     /**
      * Specifies the pane collapsed state
-     * ([see example]({% slug panes_splitter %}#toc-collapsing)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-collapsing)).
      *
      * @default false
      */
     collapsed?: boolean;
     /**
      * Specifies if overflowing content is scrollable or hidden
-     * ([see example]({% slug panes_splitter %}#toc-scrolling)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes#toc-scrolling)).
      * If `scrollable` is not specified, the content will be scrollable.
      *
      * @default true
@@ -4525,7 +4525,7 @@ export declare interface SplitterPaneProps extends KendoReactComponentBaseProps
  */
 export declare interface SplitterProps extends KendoReactComponentBaseProps {
     /**
-     * Sets the options of the Splitter panes ([more information and examples]({% slug panes_splitter %})). Can be used for controlled state.
+     * Sets the options of the Splitter panes ([more information and examples](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes)). Can be used for controlled state.
      *
      * @example
      * ```jsx
@@ -4534,7 +4534,7 @@ export declare interface SplitterProps extends KendoReactComponentBaseProps {
      */
     panes?: SplitterPaneProps[];
     /**
-     * Sets the initial options of the Splitter panes ([more information and examples]({% slug panes_splitter %})). Can be used for uncontrolled state.
+     * Sets the initial options of the Splitter panes ([more information and examples](https://www.telerik.com/kendo-react-ui/components/layout/splitter/panes)). Can be used for uncontrolled state.
      *
      * @example
      * ```jsx
@@ -4544,7 +4544,7 @@ export declare interface SplitterProps extends KendoReactComponentBaseProps {
     defaultPanes?: SplitterPaneProps[];
     /**
      * Specifies the orientation of the panes within the Splitter
-     * ([more information and examples]({% slug orientation_splitter %})).
+     * ([more information and examples](https://www.telerik.com/kendo-react-ui/components/layout/splitter/orientation)).
      * Panes in a horizontal Splitter are placed horizontally. Panes in a vertical Splitter are placed vertically.
      *
      * @example
@@ -4581,7 +4581,7 @@ export declare interface SplitterState {
 }
 
 /**
- * Represents the [KendoReact StackLayout component]({% slug overview_stacklayout %}).
+ * Represents the [KendoReact StackLayout component](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout).
  * Arranges its inner elements horizontally, or vertically in a stack. Nesting stack layouts is supported to build more complex layouts.
  *
  * @example
@@ -4611,7 +4611,7 @@ export declare const StackLayout: React_2.ForwardRefExoticComponent<StackLayoutP
 export declare interface StackLayoutAlign {
     /**
      * Defines the possible horizontal alignment of the inner StackLayout elements
-     * ([see example]({% slug layout_stacklayout %}#toc-horizontal-alignment)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/layout#toc-horizontal-alignment)).
      *
      * The available values are:
      * - `start`&mdash;Uses the start point of the container.
@@ -4622,7 +4622,7 @@ export declare interface StackLayoutAlign {
     horizontal?: 'start' | 'center' | 'end' | 'stretch';
     /**
      * Defines the possible vertical alignment of the inner StackLayout elements
-     * ([see example]({% slug layout_stacklayout %}#toc-vertical-alignment)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/layout#toc-vertical-alignment)).
      *
      * The available values are:
      * - `top`&mdash;Uses the top point of the container.
@@ -4645,7 +4645,7 @@ export declare interface StackLayoutHandle {
 }
 
 /**
- * Specifies the StackLayout orientation ([see example]({% slug layout_stacklayout %}#toc-orientation)).
+ * Specifies the StackLayout orientation ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/layout#toc-orientation)).
  *
  * The possible values are:
  * * (Default)`horizontal`
@@ -4655,7 +4655,7 @@ export declare interface StackLayoutHandle {
 export declare type StackLayoutOrientation = 'horizontal' | 'vertical';
 
 /**
- * Represents the props of the [KendoReact StackLayout component]({% slug overview_stacklayout %}).
+ * Represents the props of the [KendoReact StackLayout component](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout).
  */
 export declare interface StackLayoutProps {
     /**
@@ -4675,12 +4675,12 @@ export declare interface StackLayoutProps {
      */
     id?: string;
     /**
-     * Specifies the gap between the inner elements ([see example]({% slug layout_stacklayout %}#toc-gaps)).
+     * Specifies the gap between the inner elements ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/layout#toc-gaps)).
      */
     gap?: number | string;
     /**
      * Specifies the StackLayout orientation.
-     * ([see example]({% slug layout_stacklayout %}#toc-orientation)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/layout#toc-orientation)).
      *
      * The possible values are:
      * * (Default)`horizontal`
@@ -4691,7 +4691,7 @@ export declare interface StackLayoutProps {
     orientation?: StackLayoutOrientation;
     /**
      * Specifies the horizontal and vertical alignment of the inner StackLayout elements.
-     * Demo ([here]({% slug layout_stacklayout %}#toc-horizontal-alignment)) and ([here]({% slug layout_stacklayout %}#toc-vertical-alignment)).
+     * Demo ([here](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/layout#toc-horizontal-alignment)) and ([here](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/layout#toc-vertical-alignment)).
      *
      * The possible keys are:
      * * `horizontal`&mdash;Defines the possible horizontal alignment of the inner StackLayout elements.
@@ -4714,7 +4714,7 @@ export declare interface StackLayoutProps {
 declare type StateScrollPosition = 'start' | 'end' | 'top' | 'bottom' | 'middle' | null;
 
 /**
- * Represents the [KendoReact Step component]({% slug overview_stepper %}).
+ * Represents the [KendoReact Step component](https://www.telerik.com/kendo-react-ui/components/layout/stepper).
  *
  * @example
  * ```jsx
@@ -4764,7 +4764,7 @@ export declare interface StepHandle {
 }
 
 /**
- * Represents the [KendoReact Stepper component]({% slug overview_stepper %}).
+ * Represents the [KendoReact Stepper component](https://www.telerik.com/kendo-react-ui/components/layout/stepper).
  *
  * @example
  * ```jsx
@@ -4814,7 +4814,7 @@ export declare interface StepperHandle {
 }
 
 /**
- * Represents the props of the [KendoReact Stepper component]({% slug overview_stepper %}).
+ * Represents the props of the [KendoReact Stepper component](https://www.telerik.com/kendo-react-ui/components/layout/stepper).
  */
 export declare interface StepperProps {
     /**
@@ -4890,7 +4890,7 @@ export declare interface StepperProps {
      */
     errorSVGIcon?: SVGIcon;
     /**
-     * Overrides the default component responsible for rendering a single step ([see example]({% slug custom_rendering_stepper %})).
+     * Overrides the default component responsible for rendering a single step ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/custom_rendering)).
      *
      * @example
      * ```jsx
@@ -4900,7 +4900,7 @@ export declare interface StepperProps {
      */
     item?: React_2.ComponentType<StepProps>;
     /**
-     * The collection of steps rendered in the Stepper ([see example]({% slug overview_stepper %})).
+     * The collection of steps rendered in the Stepper ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper)).
      *
      * @example
      * ```jsx
@@ -4909,7 +4909,7 @@ export declare interface StepperProps {
      */
     items: Array<StepProps>;
     /**
-     * Specifies whether the Stepper enforces a linear flow ([see example]({% slug linear_mode_stepper %})).
+     * Specifies whether the Stepper enforces a linear flow ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/linear_mode)).
      *
      * @default false
      *
@@ -4920,7 +4920,7 @@ export declare interface StepperProps {
      */
     linear?: boolean;
     /**
-     * Specifies the Stepper display mode ([see example]({% slug display_modes_stepper %})).
+     * Specifies the Stepper display mode ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/display_modes)).
      *
      * The possible values are:
      * * (Default) `steps`&mdash;Renders step indicators and optional labels.
@@ -4935,7 +4935,7 @@ export declare interface StepperProps {
      */
     mode?: 'steps' | 'labels';
     /**
-     * Specifies the Stepper orientation ([see example]({% slug orientation_stepper %})).
+     * Specifies the Stepper orientation ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/orientation)).
      *
      * The possible values are:
      * * (Default) `horizontal`
@@ -5019,7 +5019,7 @@ export declare interface StepperProps {
 }
 
 /**
- * Represents the props of the [KendoReact Step component]({% slug overview_stepper %}).
+ * Represents the props of the [KendoReact Step component](https://www.telerik.com/kendo-react-ui/components/layout/stepper).
  */
 export declare interface StepProps {
     /**
@@ -5048,7 +5048,7 @@ export declare interface StepProps {
     [customProp: string]: any;
     /**
      * Specifies if the Step is disabled
-     * ([see example]({% slug display_modes_stepper %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/display_modes)).
      *
      * @default false
      */
@@ -5056,13 +5056,13 @@ export declare interface StepProps {
     /**
      * Defines the name for an existing icon in a KendoReact theme.
      * The icon is rendered inside the Step indicator by a `span.k-icon` element
-     * ([see example]({% slug display_modes_stepper %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/display_modes)).
      */
     icon?: string;
     /**
      * Defines the SVG icon.
      * The icon is rendered inside the Step indicator
-     * ([see example]({% slug display_modes_stepper %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/display_modes)).
      */
     svgIcon?: SVGIcon;
     /**
@@ -5071,19 +5071,19 @@ export declare interface StepProps {
     index?: number;
     /**
      * Specifies the Step validity
-     * ([see example]({% slug display_modes_stepper %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/display_modes)).
      *
      * @default true
      */
     isValid?: boolean;
     /**
      * Specifies the label of the Step
-     * ([see example]({% slug display_modes_stepper %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/display_modes)).
      */
     label?: string;
     /**
      * Specifies if the Step is optional. The validation is not applied to these steps
-     * ([see example]({% slug display_modes_stepper %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/display_modes)).
      *
      * @default false
      */
@@ -5100,7 +5100,7 @@ export declare interface StepProps {
     tabIndex?: number;
     /**
      * Specifies the text content of the Step indicator
-     * ([see example]({% slug display_modes_stepper %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/stepper/display_modes)).
      */
     text?: string;
 }
@@ -5461,7 +5461,7 @@ export declare interface TabStripNavigationProps {
 }
 
 /**
- * Represents the props of the [KendoReact TabStrip component]({% slug overview_tabstrip %}).
+ * Represents the props of the [KendoReact TabStrip component](https://www.telerik.com/kendo-react-ui/components/layout/tabstrip).
  */
 export declare interface TabStripProps extends KendoReactComponentBaseProps, TabStripScrollableProps {
     /**
@@ -5474,7 +5474,7 @@ export declare interface TabStripProps extends KendoReactComponentBaseProps, Tab
      */
     animation?: boolean;
     /**
-     * Sets the index of the selected TabStripTab component ([see example]({% slug tabs_tabstrip %}#toc-tabs-on-initial-loading)).
+     * Sets the index of the selected TabStripTab component ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/tabs#toc-tabs-on-initial-loading)).
      *
      * @example
      * ```jsx
@@ -5574,7 +5574,7 @@ export declare interface TabStripProps extends KendoReactComponentBaseProps, Tab
     /**
      * @default false
      * Defines if all component tabs will be rendered by default. Defaults to `false`.
-     * If set to `false`, the component will render only the currently selected tab. This can be useful when the content of the tabs is heavy and you want to improve the initial loading time. Check also the [keepTabsMounted]({% slug api_layout_tabstripprops %}#toc-keeptabsmounted) prop.
+     * If set to `false`, the component will render only the currently selected tab. This can be useful when the content of the tabs is heavy and you want to improve the initial loading time. Check also the [keepTabsMounted](https://www.telerik.com/kendo-react-ui/components/layout/api/tabstripprops#toc-keeptabsmounted) prop.
      *
      * @example
      * ```jsx
@@ -5680,7 +5680,7 @@ export declare class TabStripTab extends React_2.Component<TabStripTabProps, {}>
  */
 export declare interface TabStripTabProps {
     /**
-     * Defines whether a TabStripTab is disabled ([see example]({% slug tabs_tabstrip %}#toc-disabled-items)).
+     * Defines whether a TabStripTab is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/tabs#toc-disabled-items)).
      *
      * @default false
      */
@@ -5690,7 +5690,7 @@ export declare interface TabStripTabProps {
      */
     children?: React_2.ReactNode;
     /**
-     * Sets the TabStripTab title ([see example]({% slug tabs_tabstrip %}#toc-titles)).
+     * Sets the TabStripTab title ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/tabs#toc-titles)).
      */
     title?: React_2.ReactNode;
     /**
@@ -5700,7 +5700,7 @@ export declare interface TabStripTabProps {
 }
 
 /**
- * Represents the [KendoReact TileLayout component]({% slug overview_tilelayout %}).
+ * Represents the [KendoReact TileLayout component](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout).
  */
 export declare class TileLayout extends React_2.Component<TileLayoutProps, TileLayoutState> {
     /**
@@ -5798,7 +5798,7 @@ export declare interface TileLayoutGap {
 export declare interface TileLayoutItem {
     /**
      * The TileLayoutItem position which is used when the TileLayout is in uncontrolled mode
-     * ([see example]({% slug tiles_tilelayout %}#toc-position-and-dimensions)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles#toc-position-and-dimensions)).
      */
     defaultPosition?: TilePosition;
     /**
@@ -5819,22 +5819,22 @@ export declare interface TileLayoutItem {
     hintClassName?: string;
     /**
      * Sets the TileLayoutItem title in the header
-     * ([see example]({% slug tiles_tilelayout %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles)).
      */
     header?: React.ReactNode;
     /**
      * Sets the TileLayoutItem content in the body
-     * ([see example]({% slug tiles_tilelayout %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles)).
      */
     body?: React.ReactNode;
     /**
      * Overrides the default rendering of the TileLayoutItem
-     * ([see example]({% slug tiles_tilelayout %}#toc-custom-rendering)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles#toc-custom-rendering)).
      */
     item?: React.ReactNode;
     /**
      * Specifies if the user can resize the TileLayoutItem and in which direction
-     * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles#toc-resizing)).
      * If `resizable` is not specified, the resizing of the TileLayoutItem is enabled for both directions.
      *
      * @default true
@@ -5842,7 +5842,7 @@ export declare interface TileLayoutItem {
     resizable?: TileResizeMode;
     /**
      * Specifies if the user can reorder the TileLayoutItem by dragging and dropping it
-     * ([see example]({% slug tiles_tilelayout %}#toc-reordering)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles#toc-reordering)).
      * If `reorderable` is not specified, the dragging functionality of the TileLayoutItem is enabled.
      *
      * @default true
@@ -5851,7 +5851,7 @@ export declare interface TileLayoutItem {
 }
 
 /**
- * Represents the props of the [TileLayout]({% slug overview_tilelayout %}) component.
+ * Represents the props of the [TileLayout](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout) component.
  */
 export declare interface TileLayoutProps {
     /**
@@ -5891,7 +5891,7 @@ export declare interface TileLayoutProps {
      */
     dir?: string;
     /**
-     * Specifies the gaps between the tiles ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
+     * Specifies the gaps between the tiles ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout#toc-tilelayout-configuration-options)).
      *
      * * The possible keys are:
      * * `rows`
@@ -5904,7 +5904,7 @@ export declare interface TileLayoutProps {
      */
     gap?: TileLayoutGap;
     /**
-     * Specifies the default number of columns ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
+     * Specifies the default number of columns ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout#toc-tilelayout-configuration-options)).
      *
      * @example
      * ```jsx
@@ -5913,7 +5913,7 @@ export declare interface TileLayoutProps {
      */
     columns?: number;
     /**
-     * Specifies the default width of the columns ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
+     * Specifies the default width of the columns ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout#toc-tilelayout-configuration-options)).
      *
      * @example
      * ```jsx
@@ -5922,7 +5922,7 @@ export declare interface TileLayoutProps {
      */
     columnWidth?: number | string;
     /**
-     * Specifies the default height of the rows ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
+     * Specifies the default height of the rows ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout#toc-tilelayout-configuration-options)).
      *
      * @example
      * ```jsx
@@ -5941,7 +5941,7 @@ export declare interface TileLayoutProps {
     dataItemKey?: string;
     /**
      * The collection of items that will be rendered in the TileLayout
-     * ([see example]({% slug overview_tilelayout %}#toc-tilelayout-configuration-options)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout#toc-tilelayout-configuration-options)).
      *
      * @example
      * ```jsx
@@ -5951,7 +5951,7 @@ export declare interface TileLayoutProps {
     items?: TileLayoutItem[];
     /**
      * The list of tiles' positions which are used when the TileLayout is in controlled mode
-     * ([see example]({% slug tiles_tilelayout %}#toc-controlling-the-position)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles#toc-controlling-the-position)).
      *
      * @example
      * ```jsx
@@ -5961,7 +5961,7 @@ export declare interface TileLayoutProps {
     positions?: TilePosition[];
     /**
      * Fires when the user repositions the tile by either dragging or resizing
-     * ([see example]({% slug tiles_tilelayout %}#toc-controlling-the-position)).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles#toc-controlling-the-position)).
      *
      * @example
      * ```jsx
@@ -5975,7 +5975,7 @@ export declare interface TileLayoutProps {
      *
      * @default column
      *
-     * ([see example]({% slug autoflows_tilelayout %})).
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/auto-flows)).
      *
      * @example
      * ```jsx
@@ -6048,14 +6048,14 @@ export declare interface TilePosition {
 
 /**
  * Specifies if the user can resize the TileLayoutItem and in which direction
- * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
+ * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles#toc-resizing)).
  * If `resizable` is not specified, the resizing of the TileLayoutItem is enabled for both directions.
  */
 export declare type TileResizeMode = 'horizontal' | 'vertical' | boolean;
 
 /**
  * Specifies the strict position of each tile.
- * Used in the [TileLayoutRepositionEvent]({% slug api_layout_tilelayoutrepositionevent %}).
+ * Used in the [TileLayoutRepositionEvent](https://www.telerik.com/kendo-react-ui/components/layout/api/tilelayoutrepositionevent).
  */
 export declare interface TileStrictPosition extends TilePosition {
     /**