@linja/react-skeleton v1.0.1

react-skeleton

We all know that without loader in React components, user interface will not complete. We usually show a spinner or a text informing that data is loading... better way to show a user that what our ui look like in a Skeleton of components. react-skeleton is usefull to show a loading in react components.

Examples

Using LinearGradientSkeleton

see code

Using Skeleton

see code

Installing

npm install @linja/react-skeleton --save

OR

yarn add @linja/react-skeleton --save

Usage

🔹 Normal Skeleton

import React from "react";
import { Skeleton } from "@linja/react-skeleton";

export const GoodLoader = () => {
  return <Skeleton />;
};

🔹 Linear Gradient Skeleton

import React from "react";
import { LinearGradientSkeleton } from "@linja/react-skeleton";

export const GoodLoader = () => {
  return <LinearGradientSkeleton />;
};

Examples code

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

This project is licensed under the MIT License - see the LICENSE file for details