Skip to main content

Comment



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


Props

NameTypeDefaultDescription
ariaLabelstringcomment-loadingSpecifies the Aria label of the comment. This label will be applied to the aria-label attribute in the wrapper element.
backgroundColorstring#ff6d00The background color of the comment box
colorstring#fffThe color of the comment dots
heightnumber | string80Specifies the height of the comment SVG. For additional customization, employ the wrapper className.
visiblebooleantrueControls the visibility of the comment. If set to false, the comment will not be rendered.
widthnumber | string80Specifies the width of the comment 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.