DocSpace-client/packages/common/components/Loaders/RowLoader
2022-07-22 22:01:25 +03:00
..
index.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
RowLoader.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
RowLoader.stories.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
StyledRowLoader.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00

Rows Loader

Component that displays rows loader

Usage

import Loaders from "@docspace/common/components/Loaders";
<Loaders.Row />
<Loaders.Row isRectangle={true} />

Properties

Props Type Required Values Default Description
title string - - `` It's used to describe what element it is.
isRectangle bool - - true Show rectangle or circle?
borderRadius string - - 3 Sets the corners rounding
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.25 Animation opacity (0 = transparent, 1 = opaque)
speed number - - 2 Animation speed in seconds
animate bool - - true Opt-out of animations