Components
Version 2.0

Spinner

Aqui va un texto quer describe al componente del cual estamos haciendo referencia en los siguientes ejemplos.

Import

Example code
import Spinner from 'components/@ui/spinner'

Usage

Example code
<Spinner />

Colors

Example code
<div className='flex items-center space-x-2'>

  <Spinner color='primary'/>

  <Spinner color='secondary'/>

</div>

Sizes

Example code
<div className='flex items-center space-x-2'>

  <Spinner size='xs'/>

  <Spinner size='sm'/>

  <Spinner size='md'/>

  <Spinner size='lg'/>

  <Spinner size='xl'/>

  <Spinner size='2xl'/>

</div>

Buttons

Example code
<div className='flex items-center space-x-2'>

  <Button color='primary'>

    <Spinner size='sm' light={true} color='primary'/>

    <span>Loading...</span>

  </Button>

  <Button color='secondary'>

    <Spinner size='sm' light={true} color='primary'/>

    <span>Loading...</span>

  </Button>

</div>