BarLoader

import React from 'react';
import { BarLoader } from 'archi-ui'
 
export default function MyReactPage() {
  return (
    <BarLoader />
  );
}

import React from 'react';
import { BarLoader } from 'archi-ui'
 
export default function MyReactPage() {
  return (
    <div className='flex items-center justify-center gap-4'>
      <BarLoader size='lg' color='primary' />
      <BarLoader size='md' color='primary' />
      <BarLoader size='sm' color='primary' />
    </div>
  );
}

import React from 'react';
import { BarLoader } from 'archi-ui'
 
export default function MyReactPage() {
  return (
    <div className='flex flex-wrap items-center justify-center gap-4'>
      <BarLoader color='default' />
      <BarLoader color='primary' />
      <BarLoader color='secondary' />
      <BarLoader color='info' />
      <BarLoader color='warning' />
      <BarLoader color='success' />
      <BarLoader color='error' />
    </div>
  );
}