Button
Buttons are the most usefull components for the users to accomplish actions
Primary Button
<Button
variant='primary'
onClick={() => console.log('clicked')}
>
Button
</Button>;Primary Button Large
<Button
variant='primary'
onClick={() => console.log('clicked')}
>
Button
</Button>;Rounded Button
<Button
variant='primary'
onClick={() => console.log('clicked')}
rounded='full'
>
Button
</Button>;Secondary Button
<Button
variant='secondary'
onClick={() => console.log('clicked')}
>
Button
</Button>;Light Button
<Button
variant='light'
onClick={() => console.log('clicked')}
>
Button
</Button>;Danger Button
<Button
variant='danger'
onClick={() => console.log('clicked')}
>Button With Icon
<Button
variant='primary'
onClick={() => console.log('clicked')}
>
<HiRefresh />
Button
</Button>Button With Icon Right
<Button
variant='light'
onClick={() => console.log('clicked')}
>
Button
<HiRefresh />
</Button>Button Icon
<Button variant='light'>
<HiRefresh />
</Button>Button Icon Squared
<Button
variant='primary'
squared='right'
>
<HiRefresh />
</Button>