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
| Prop | Type | Default | Description |
|---|---|---|---|
| size | string | "md" | sm | md | lg | xl (Spinner) |
| text | string | - | Loading text (Loader) |
| fullScreen | boolean | false | Full screen mode (Loader) |