DocSpace-client/packages/asc-web-common/components/Loaders/TilesLoader
2021-06-28 11:42:38 +03:00
..
index.js Web: Common: Loaders: added loaders for tiles 2021-04-15 11:47:02 +03:00
README.md Web: Common: Loaders: fixed description for Loaders.Tile, Loaders.Tiles 2021-06-28 11:42:38 +03:00
TilesLoader.js Web: Common: Loaders: fixed TilesLoader for Chrome 2021-06-24 19:34:47 +03:00

Tiles Loader

Component that displays tiles loader

Usage

import Loaders from "@appserver/common/components/Loaders";
<Loaders.Tiles />
<Loaders.Tiles 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
foldersCount number - - 3 Set the number of folders
filesCount number - - 3 Set the number of files