Spinner

New

Індикатор завантаження + Loader з fullScreen варіантом.

Import

import { Spinner, Loader } from '@brutal-ui/react';

Spinner Sizes

Loading...
Loading...
Loading...
Loading...
<Spinner size='sm' />
<Spinner size='md' />
<Spinner size='lg' />
<Spinner size='xl' />

Loader Component

Loading...

Loading...

// Inline loader
<div className='relative'>
  <Loader text='Loading...' />
</div>

// Full screen loader
<Loader
  text='Loading data...'
  fullScreen
  onCancel={() => setShowLoader(false)}
/>

Props

PropTypeDefaultDescription
sizestring"md"sm | md | lg | xl (Spinner)
textstring-Loading text (Loader)
fullScreenbooleanfalseFull screen mode (Loader)