Mutating Dots


  render(<MutatingDots
  visible={true}
  height="100"
  width="100"
  color="#4fa94d"
  secondaryColor="#4fa94d"
  radius="12.5"
  ariaLabel="mutating-dots-loading"
  wrapperStyle={{}}
  wrapperClass=""
  />)

Props

Name	Type	Default	Description
ariaLabel	string	`mutating-dots-loading`	Aria label of the mutating dots container. Will be used for the aria-label attribute of the container
color	string	`#4fa94d`	Color of the dots
height	number \| string	`100`	Height of the dots. Minimum height should be 100px
radius	number \| string	`12.5`	Radius of the dots
secondaryColor	string	`#4fa94d`	Secondary color for second dot. If not set, will use the color prop
visible	boolean	`true`	Visibility of the dots
width	number \| string	`100`	Width of the dots. Minimum width should be 100px
wrapperClass	string	`undefiend`	Class of the wrapper element. It can be used for custom styling. It will override the default style.
wrapperStyle	object	`{}`	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.

Mutating Dots

Props​

Props