Circles With Bar


  render(<CirclesWithBar
  height="100"
  width="100"
  color="#4fa94d"
  outerCircleColor="#4fa94d"
  innerCircleColor="#4fa94d"
  barColor="#4fa94d"
  ariaLabel="circles-with-bar-loading"
  wrapperStyle={{}}
  wrapperClass=""
  visible={true}
  />)

Props

Name	Type	Default	Description
ariaLabel	string	`circles-with-bar-loading`	Aria label for the wrapper element
barColor	string	`undefined`	Color of the bar. If not defined, it will be the same as color
color	string	`#4fa94d`	Color of the outer circle. It will also be used for the bar color if `barColor` is not specified.
height	string \| number	`100`	Height of the wrapper element
innerCircleColor	string	`undefined`	Color of the inner circle. If not defined, it will be the same as color
outerCircleColor	string	`undefined`	Color of the outer circle. If not defined, it will be the same as color
visible	boolean	`true`	Whether the circles are visible
width	string \| number	`100`	Width of the wrapper element
wrapperClass	string		CSS class name for the wrapper element
wrapperStyle	object	`undefined`	Styles to be applied to the wrapper. It should be a valid CSS object. It can be used for custom styling. It will override the default style.

Circles With Bar

Props​

Props