Skip to main content

Three Dots



render(<ThreeDots
visible={true}
height="80"
width="80"
color="#4fa94d"
radius="9"
ariaLabel="three-dots-loading"
wrapperStyle={{}}
wrapperClass=""
/>)


Props

NameTypeDefaultDescription
ariaLabelstringthree-dots-loadingAria label of the component
colorstring#4fa94dColor of the spinner
heightnumber | string80Height of the component
radiusnumber9Radius of the spinner
visiblebooleantrueVisibility of the component
widthnumber | string80Width of the spinner
wrapperClassstringClass name of 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.