DocSpace-buildtools/web/ASC.Web.Common/src/components/Loaders/RowsLoader
2020-11-11 11:38:30 +03:00
..
index.js Web: Common: refactoring loaders 2020-11-06 15:20:06 +03:00
README.md Web: Common: delete x, y props, added border radius knobs 2020-11-11 11:38:30 +03:00
RowsLoader.js Web: Common: fix circular dependency 2020-11-10 18:02:03 +03:00
RowsLoader.stories.js Web: Common: delete x, y props, added border radius knobs 2020-11-11 11:38:30 +03:00

Rows Loader

Component that displays rows loader

Usage

import { Loaders } from "asc-web-common";
<Loaders.Rows />
<Loaders.Rows 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