Implementation — Part III

🎸  Injecting icons to our components

Icon Library [ 🔗 Link ]

🌟 Over 2K icons ready to use!

Installation

yarn add @mui/icons-material

Exercise ✍️

Extend our Button component to include icons
 

✍️  Writing our next components

Now that we've covered the concepts from the previous sections, it's time to dive into adding our next set of components.
 
This section is designed to facilitate your learning-by-doing process as you create components using the best practices we've discussed in earlier sections. Make sure to use as a reference the API documentation and demos for guidance and inspiration. If you are in a hurry, you can also download the repository with these components at the end of this section.
 

Checkbox

 
notion image
 

Radio buttons

 
notion image
 

Switch

notion image
 

 

Text Field

 
notion image
 

Select

 
notion image
 

Alert

 
notion image
 

Badge

 
notion image
 

Chip

 
notion image
 

Slider

 
notion image
 

⬇️  Download code [ 🔗 Link ]

notion image