/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ import { BaseProps } from '../../common/BaseProps.js'; import { ProgressBarAnimation } from './ProgressBarAnimation.js'; import { LabelProps } from './LabelProps.js'; /** * Represents the props of the [KendoReact ProgressBar component](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar). */ export interface ProgressBarProps extends BaseProps { /** * Configures the animation settings of the ProgressBar. Defaults to `false`. * If set to a boolean, it enables or disables the default animation. * If set to a `ProgressBarAnimation` object, it allows customization of the slide animation duration in milliseconds. * * @default false * * @example * ```jsx * * ``` */ animation?: boolean | ProgressBarAnimation; /** * Provides a custom label component for the ProgressBar ([see example](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/label)). * * @example * ```jsx * const CustomLabel = (props) => {props.value}%; * * ``` */ label?: React.ComponentType; /** * Determines whether the progress status label is visible. Defaults to `true`. * * @default true * * @example * ```jsx * * ``` */ labelVisible?: boolean; /** * Specifies the position of the progress status label. Defaults to `end` ([see example](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/label)). * * @default "end" * * @example * ```jsx * * ``` */ labelPlacement?: 'start' | 'center' | 'end'; }