Loader

The Loader component is a visual indicator used to show that a process or operation is in progress. It provides feedback to users, signaling that the application is busy and they should wait for the task to complete. This component is essential for improving user experience by managing expectations during loading times and ensuring users are informed about ongoing activities.

Source @welcome-ui/loader

Overview Props

import * as React from 'react'
import { Loader } from '@welcome-ui/loader'

const Example = () => {
  return <Loader />
}

export default Example

Installation

Run the following command:

yarn add @welcome-ui/loader

Import component:

import { Loader } from '@welcome-ui/loader'

Examples

Sizes

Predefined size xs, sm, md, lg or custom size.

Color

You can change the color of loader.

Grid Shape