retro-react
Version:
A React component library for building retro-style websites
28 lines (27 loc) • 932 B
TypeScript
/// <reference types="react" />
import { ThemeUICSSObject } from 'theme-ui';
export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* The value of the Progress Bar (0-100).
*
* @default 0
*/
value?: number;
/**
* Animation effect with classic "barber pole" stripes moving from left to right.
*
* @default false
*/
animated?: boolean;
sx?: ThemeUICSSObject;
}
/**
* Authentic Windows 3.1 style progress bar with classic inset border and diagonal stripe pattern.
* Features the iconic "barber pole" animation when animated is enabled.
* Use `sx` prop to customize styling if needed.
*
* @example
* <ProgressBar value={50} />
* <ProgressBar value={75} animated />
*/
export declare const ProgressBar: import("react").ForwardRefExoticComponent<ProgressBarProps & import("react").RefAttributes<HTMLDivElement>>;