Loading

It is used to show a visual feedback of a process that could take some time.

Anatomy

Mount all pieces together and create your Icon Button

import { Loading } from '@snowye-ui/react';
 
<Loading />

You can use whichever icon library you want

Example

<Surface>
  <Loading color='#fff' />
</Surface>

Loading Sizes

Use the size prop to change the size of the button. You can set the value to sm, md, lg or xl.

<Surface css={{
  display: 'flex',
  alignItems: 'center',
  gap: '$4',
}}>
  <Loading color='#fff' size='sm' />
  <Loading color='#fff' size='md' />
  <Loading color='#fff' size='lg' />
  <Loading color='#fff' size='xl' />
</Surface>

Last updated on December 16, 2022

Icon Button Multi Step