Skip to main content

Grid



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


Props

NameTypeDefaultDescription
ariaLabelstringgrid-loadingSpecifies the Aria label of the grid. This label will be applied to the aria-label attribute in the wrapper element.
heightnumber | string80Specifies the height of the grid SVG. For additional customization, employ the wrapper className.
radiusnumber | string12.5Radius of the grid
visiblebooleantrueControls the visibility of the grid. If set to false, the grid will not be rendered.
widthnumber | string80Specifies the width of the grid 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.