Skip to main content

Loader Component

The Loader component is a circular progress indicator that visually represents a percentage of completion. It is customizable in terms of size and appearance, making it versatile for various UI needs.

Props​

  • size: supports sizes from [xs, sm, lg, xl, xxl] the sm size does not show the percentage of completion
  • progress: no. that is the completed percentage, this is from 0 to 100.

Usage​

import React from 'react';
import Loader from './Loader';

function App() {
  return (
    <div>
      <h1>Loading Data</h1>
      <Loader progress={75} size="xl" />
    </div>
  );
}

export default App;