DocSpace-client/packages/common/components/Loaders/CircleLoader/README.md

Circle Loader

Component that displays circle loader

Usage

import Loaders from "@docspace/common/components/Loaders";

<Loaders.Circle />

<Loaders.Circle x="15" y="15" radius="15" animate="false" title="Loading..." />

Properties

Props	Type	Required	Values	Default	Description
title	string	-	-	``	It's used to describe what element it is.
x	string	-	-	3	Sets the x offset
y	string	-	-	3	Sets the y offset
width	string	-	-	100%	Sets the width
height	string	-	-	100%	Sets the height
radius	string	-	-	3	Sets the circle radius
backgroundColor	string	-	-	#000000	Used as background of animation
foregroundColor	string	-	-	#000000	Used as the foreground of animation
backgroundOpacity	number	-	-	0.2	Background opacity (0 = transparent, 1 = opaque)
foregroundOpacity	number	-	-	0.15	Animation opacity (0 = transparent, 1 = opaque)
speed	number	-	-	2	Animation speed in seconds
animate	bool	-	-	true	Opt-out of animations