Spinner

Custom spinners with different types and sizes are available.

Types

Use any of the available spinners by changing the type prop.

import { Spinner } from 'chic-ui';

<Spinner type='light' />
<Spinner type='primary' />
<Spinner type='secondary' />
<Spinner type='danger' />
<Spinner type='success' />
<Spinner type='warning' />
<Spinner type='info' />

Sizes

The size of the spinners can be changed by passing a number to the size prop.

import { Spinner } from 'chic-ui';
<Spinner type='success' size={65} />
<Spinner size={40} />

API

import { Spinner } from 'chic-ui';

Name	Type	Default	Description
type	'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'info' | 'light'	'light'	Color of the spinner
size	'small' | 'default' | 'large'	'default'	Size of the spinner
className	string		Provide external classnames to the component
style	React.CSSProperties		Override default styling of the component