MagnifyingGlass


  render(<MagnifyingGlass
  visible={true}
  height="80"
  width="80"
  ariaLabel="magnifying-glass-loading"
  wrapperStyle={{}}
  wrapperClass="magnifying-glass-wrapper"
  glassColor="#c0efff"
  color="#e15b64"
  />)

Props

Name	Type	Default	Description
ariaLabel	string	`magnifying-glass-loading`	Specifies the Aria label of the magnifying-glass. This label will be applied to the aria-label attribute in the wrapper element.
color	string	`#e15b64`	Color of the magnifying glass frame
glassColor	string	`#c0efff`	Color of the magnifying glass lensed area
height	number \| string	`80`	Specifies the height of the magnifying-glass SVG. For additional customization, employ the wrapper className.
visible	boolean	`true`	Controls the visibility of the magnifying-glass. If set to false, the magnifying-glass will not be rendered.
width	number \| string	`80`	Specifies the width of the magnifying-glass 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.

MagnifyingGlass

Props​

Props