Skip to main content

LineWave



  render(<LineWave
  visible={true}
  height="100"
  width="100"
  color="#4fa94d"
  ariaLabel="line-wave-loading"
  wrapperStyle={{}}
  wrapperClass=""
  firstLineColor=""
  middleLineColor=""
  lastLineColor=""
  />)


Props

NameTypeDefaultDescription
ariaLabelstringline-waveARIA label for the line wave.
colorstring#4fa94dColor of the line wave.
firstLineColorstringundefinedColor of the first line. If not provided, the color will be the same as the color.
heightnumber | string100Height of the line wave.
lastLineColorstringundefinedColor of the last line. If not provided, the color will be the same as the color.
middleLineColorstringundefinedColor of the middle line. If not provided, the color will be the same as the color.
visiblebooleantrueWhether the line wave is visible.
widthnumber | string100Width of the line wave.
wrapperClassstringundefinedClass name for 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.

More Examples: