Skip to main content

Oval



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


Props

NameTypeDefaultDescription
ariaLabelstringoval-loadingAria label of the oval. Default is oval-loading. Will be overridden if ariaLabel is passed in props
colorstring#4fa94dColor of the oval. Can be hex or rgba. Default is #4fa94d
heightnumber|string80Height of the oval
secondaryColorstringundefinedColor of the secondary oval. Can be hex or rgba. Default is same as color
strokeWidthnumber2Width of the stroke
strokeWidthSecondarynumber2Width of the secondary stroke. Default is same as strokeWidth
visiblebooleantrueWhether the oval is visible
widthnumber|string80Width of the oval
wrapperClassstringClass of the wrapper
wrapperStyleobject{}Style of the wrapper

More examples