Go Main page
Go Main page

Web components

cover

components

Skeleton

v.1.0.0 | Saturn

Components

Play with the component with our playground.

Anatomy

Foo

NameDescription

1

Animated loader
Required
The Loading animation is displayed on page load to provide feedback to the user while data is being retrieved.

2

Animated loader
Required
The Loading animation is displayed on page load to provide feedback to the user while data is being retrieved.

Layout

How the Circle grows

  • The circular atom can grow proportionally to the size we need, keeping the same height and width.
  • How the Rectangle grows

  • The square atom is fluid and can grow vertically and horizontally in any direction, having different heights and widths.
  • Options

    Simple Circle
    Simple Rectangle
    Rectangle to simulate simple line
    Rectangles to simulate repetition of lines, lists or rowsRectangles to simulate repetition of lines, lists or rows
    Rectangle with custom height to simulate paragraph or custom contains
    Rectangles to simulate icon + text
    Rectangle with custom height to simulate paragraph or custom contains

    Do's and dont's

    Foo

    Do’s

    Use the Primary loader on light color background.