UNPKG

@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
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