🖲️ Button Components in Next.js

Explore the usage of Button and IconButton components to enhance user interactions in your Next.js applications.

Standard Button

The Button component is used to create interactive buttons with various styles and functionalities.

1 import Button from '@/shared/component/Button';

2 

3 <Button variant='primary'>Click Me</Button>

Icon Button

The IconButton component allows you to integrate icons within your buttons for a more dynamic user experience.

1 import IconButton from '@/shared/component/Button/IconButton';

2 import { MdAlarm } from 'react-icons/md'; //You can use any icon lib or SVG Icons

3 

4 <IconButton icon={<MdAlarm />} variant='secondary'>Alarm</IconButton>