@ui5/webcomponents-react/dist/webComponents/ProgressIndicator/index.d.ts

React Wrapper for UI5 Web Components and additional components

import '@ui5/webcomponents/dist/ProgressIndicator.js';
import type ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
import type { CommonProps, Ui5DomRef } from '@ui5/webcomponents-react-base';
interface ProgressIndicatorAttributes {
    /**
     * Defines the accessible ARIA name of the component.
     *
     * **Note:** Available since [v1.16.0](https://github.com/UI5/webcomponents/releases/tag/v1.16.0) of **@ui5/webcomponents**.
     * @default undefined
     */
    accessibleName?: string | undefined;
    /**
     * Specifies the text value to be displayed in the bar.
     *
     * **Note:**
     *
     * - If there is no value provided or the value is empty, the default percentage value is shown.
     * - If `hideValue` property is `true` both the `displayValue` and `value` property values are not shown.
     * @default undefined
     */
    displayValue?: string | undefined;
    /**
     * Defines whether the component value is shown.
     * @default false
     */
    hideValue?: boolean;
    /**
     * Specifies the numerical value in percent for the length of the component.
     *
     * **Note:**
     * If a value greater than 100 is provided, the percentValue is set to 100. In other cases of invalid value, percentValue is set to its default of 0.
     * @default 0
     */
    value?: number;
    /**
     * Defines the value state of the component.
     * @default "None"
     */
    valueState?: ValueState | keyof typeof ValueState;
}
interface ProgressIndicatorDomRef extends Required<ProgressIndicatorAttributes>, Ui5DomRef {
}
interface ProgressIndicatorPropTypes extends ProgressIndicatorAttributes, Omit<CommonProps, keyof ProgressIndicatorAttributes> {
}
/**
 * Shows the progress of a process in a graphical way. To indicate the progress,
 * the inside of the component is filled with a color.
 *
 * ### Responsive Behavior
 * You can change the size of the Progress Indicator by changing its `width` or `height` CSS properties.
 *
 *
 *
 * __Note:__ This is a UI5 Web Component! [ProgressIndicator UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ProgressIndicator) | [Repository](https://github.com/UI5/webcomponents)
 */
declare const ProgressIndicator: import("react").ForwardRefExoticComponent<ProgressIndicatorPropTypes & import("@ui5/webcomponents-react-base").WithWebComponentPropTypes & import("react").RefAttributes<ProgressIndicatorDomRef>>;
export { ProgressIndicator };
export type { ProgressIndicatorDomRef, ProgressIndicatorPropTypes };