@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
34 lines • 1.29 kB
TypeScript
import { Progress as BaseProgress } from "@base-ui/react/progress";
import * as React from "react";
/**
* Props for the shared progress wrapper.
*/
export interface ProgressProps extends Omit<React.ComponentPropsWithRef<typeof BaseProgress.Root>, "value"> {
/** Additional CSS classes merged with the progress track styles. @default undefined */
className?: string;
/** The current completion percentage or normalized value rendered by the progress bar. @default 0 */
value?: number;
}
/**
* Visualizes task completion with a styled track and animated indicator.
*
* @remarks
* - Renders a `<div>` element by default
* - Built on {@link https://base-ui.com/react/components/progress | Base UI Progress}
* - Supports the `render` prop for element composition
* - Styling via CSS Modules with `--ac-*` custom properties
*
* @example Basic usage
* ```tsx
* <Progress value={64} />
* ```
*
* @see {@link https://base-ui.com/react/components/progress | Base UI Documentation}
*/
declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare namespace Progress {
type Props = ProgressProps;
type State = BaseProgress.Root.State;
}
export { Progress };
//# sourceMappingURL=progress.d.ts.map