Reusable button component

[Ben-Tewfik]

In this PR I did the following tasks :

• I created a reusable button component added a default styling to it using Tailwind CSS and added a tailwind merge function to override the default style when needed.

• I chose default styling for the most used components like sign in button

Screenshot

How to use the button

to use this component use the opening and closing tags add the title of the button you want to type

add your styling if you want to override the default styling for example:

to use the offer button in the navbar

<Button className=' bg-[#585785] border-none text-white px-6 hover:bg-[#7874F2] hover:text-white rounded-[20px]'>
                    Offer
</Button>

fix #10

Related Issue

• Resolve Button Component #10

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
student-store	✅ Ready (Inspect)	Visit Preview	Oct 17, 2023 5:35pm

[hocine1212]

I like how the PR is detailed and the button is working and it's reusable and i like how did you use the tailwind merge function so the others can override the default styling .
Keep up the good work👏

[KatiaGhezali]

Thank you for the detailed explanation Tewfik, such an amazing job.

[khaoulasara]

Great work on the button components! The code is clean, follows our style guidelines, and promotes reusability. It's well-documented too. Just make sure to check for accessibility, and we're good to go.

[samiba6]

The button is working and it's reusable.
Good job !👏