@progress/kendo-react-indicators/badge/BadgeContainer.d.ts

React Indicators offer an interface to represent a visual indication for their UI elements. KendoReact Indicators package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { BadgeContainerProps } from './BadgeContainerProps.js';
import * as React from 'react';
/**
 * The BadgeContainer ref.
 */
export interface BadgeContainerHandle {
    /**
     * The BadgeContainer element.
     */
    element: HTMLSpanElement | null;
    /**
     * Focus the BadgeContainer.
     */
    focus: () => void;
}
/**
 * Represents the [KendoReact BadgeContainer component](https://www.telerik.com/kendo-react-ui/components/indicators/badge).
 *
 * @example
 * ```jsx
 * const App = () => {
 *   return (
 *       <BadgeContainer>
 *           <Avatar shape="circle" type="image">
 *               <img src={'https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg'} />
 *           </Avatar>
 *           <Badge cornerPlacement="edge" position="topEnd">
 *       </BadgeContainer>
 *   );
 * };
 * ```
 */
export declare const BadgeContainer: React.ForwardRefExoticComponent<BadgeContainerProps & React.RefAttributes<BadgeContainerHandle | null>>;