Skip to main content

Discuss



  render(<Discuss
  visible={true}
  height="80"
  width="80"
  ariaLabel="discuss-loading"
  wrapperStyle={{}}
  wrapperClass="discuss-wrapper"
  color="#fff"
  backgroundColor="#F4442E"
  />)


Props

NameTypeDefaultDescription
ariaLabelstringdiscuss-loadingSpecifies the Aria label of the discuss. This label will be applied to the aria-label attribute in the wrapper element.
colorsarray['#ff727d', '#ff727d']The colors of the the rings
heightnumber | string80Specifies the height of the discuss SVG. For additional customization, employ the wrapper className.
visiblebooleantrueControls the visibility of the discuss. If set to false, the discuss will not be rendered.
widthnumber | string80Specifies the width of the discuss 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.