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 '@micode-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>