Rotating Triangles
render(<RotatingTriangles visible={true} height="80" width="80" color="#4fa94d" ariaLabel="rotating-triangles-loading" wrapperStyle={{}} wrapperClass="" />)
--- ## Props
Name | Type | Default | Description |
---|---|---|---|
ariaLabel | string | rotating-triangels-loading | Specifies the Aria label of the rotating-triangels. This label will be applied to the aria-label attribute in the wrapper element. |
colors | object | ['#1B5299', '#EF8354', '#DB5461'], | Customize colors of the component. |
height | number | string | 80 | Specifies the height of the rotating-triangels SVG. For additional customization, employ the wrapper className. |
visible | boolean | true | Controls the visibility of the rotating-triangels. If set to false, the rotating-triangels will not be rendered. |
width | number | string | 80 | Specifies the width of the rotating-triangels 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. |