Hourglass


  render(<Hourglass
  visible={true}
  height="80"
  width="80"
  ariaLabel="hourglass-loading"
  wrapperStyle={{}}
  wrapperClass=""
  colors={['#306cce', '#72a1ed']}
  />)

Props

Name	Type	Default	Description
ariaLabel	string	`hourglass-loading`	Specifies the Aria label of the hourglass. This label will be applied to the aria-label attribute in the wrapper element.
colors	Array<string>	`["#4fa94d","#4fa94d","#4fa94d"]`	Defines the colors of the hourglass SVG. Accepts multiple color objects. If a comprehensive list of colors is not provided, defaults will be applied. Refer to the example.
height	number \| string	`80`	Specifies the height of the hourglass SVG. For additional customization, employ the wrapper className.
visible	boolean	`true`	Controls the visibility of the hourglass. If set to false, the hourglass will not be rendered.
width	number \| string	`80`	Specifies the width of the hourglass SVG. For further customization, utilize the wrapper className.
wrapperClass	string	`undefined`	Assigns a className to the wrapper for custom styling, overriding the default style.
wrapperStyle	object	`{}`	Applies styles to the wrapper. It should be a valid CSS object and can be used for custom styling, overriding the default style.

Hourglass

Props​

Props