package.src.components.Progress.ProgressBar.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of react-core Show documentation

This library provides a set of common React components for use with the PatternFly reference implementation.

The newest version!

import * as React from 'react';
import styles from '@patternfly/react-styles/css/components/Progress/progress';
import { css } from '@patternfly/react-styles';

export interface AriaProps {
  'aria-labelledby'?: string;
  'aria-label'?: string;
  'aria-valuemin'?: number;
  'aria-valuenow'?: number;
  'aria-valuemax'?: number;
  'aria-valuetext'?: string;
}

export interface ProgressBarProps extends React.HTMLProps {
  /** What should be rendered inside progress bar. */
  children?: React.ReactNode;
  /** Additional classes for Progres bar. */
  className?: string;
  /** Actual progress value. */
  value: number;
  /** Minimal value of progress. */
  progressBarAriaProps?: AriaProps;
}

export const ProgressBar: React.FunctionComponent = ({
  progressBarAriaProps,
  className = '',
  children = null,
  value,
  ...props
}: ProgressBarProps) => (
  
    
      {children}
    
  
);
ProgressBar.displayName = 'ProgressBar';