Skip to main content

Blocks



  render(<Blocks
  height="80"
  width="80"
  color="#4fa94d"
  ariaLabel="blocks-loading"
  wrapperStyle={{}}
  wrapperClass="blocks-wrapper"
  visible={true}
  />)

--- ## Props

NameTypeDefaultDescription
ariaLabelstringblocks-loadingSpecifies the Aria label of the blocks. This label will be applied to the aria-label attribute in the wrapper element.
heightnumber | string80Specifies the height of the blocks SVG. For additional customization, employ the wrapper className.
visiblebooleantrueControls the visibility of the blocks. If set to false, the blocks will not be rendered.
widthnumber | string80Specifies the width of the blocks SVG. For further customization, utilize the wrapper className.
wrapperClassstringundefinedAssigns a className to the wrapper for custom styling, overriding the default style.
wrapperStyleobject{}Applies styles to the wrapper. It should be a valid CSS object and can be used for custom styling, overriding the default style.