@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
28 lines • 1.12 kB
TypeScript
import React from 'react';
import { DefaultProps, MantineNumberSize } from '../../theme';
import useStyles from './Progress.styles';
export declare const PROGRESS_SIZES: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
};
export declare type ProgressStylesNames = keyof ReturnType<typeof useStyles>;
export interface ProgressProps extends DefaultProps<ProgressStylesNames>, React.ComponentPropsWithoutRef<'div'> {
/** Percent of filled bar (0-100) */
value: number;
/** Progress color from theme */
color?: string;
/** Predefined progress height or number for height in px */
size?: MantineNumberSize;
/** Predefined progress radius from theme.radius or number for height in px */
radius?: MantineNumberSize;
/** Adds stripes */
striped?: boolean;
}
export declare function Progress({ className, style, value, color, size, radius, striped, themeOverride, 'aria-label': ariaLabel, classNames, styles, ...others }: ProgressProps): JSX.Element;
export declare namespace Progress {
var displayName: string;
}
//# sourceMappingURL=Progress.d.ts.map