Skip to main content

Hearts



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


Props

NameTypeDefaultDescription
ariaLabelstringhearts-loadingAria label of the component. This is used for accessibility.
colorstring#4fa94dColor of the hearts. Multiple colors for multiple hearts is not supported.
heightnumber | string80Height of the component
visiblebooleantrueVisibility of the component
widthnumber | string80Width of the component
wrapperClassstringClass of the wrapper element. It can be used for custom styling.
wrapperStyleobject{}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.