How to build custom HTML pill buttons from scratch

Описание: Learn how to build custom HTML buttons from scratch with HTML, CSS, SCSS and React. We are also going to learn how to create tests for our custom React buttons using React Testing Library and Jest testing framework.

We are going to build custom HTML buttons based on Bootstrap, Material, block and pill styled buttons.

Part 1: How to build custom html buttons like Bootstrap buttons from scratch:    • How to build custom HTML buttons like Boot...  

Part 2: How to build custom HTML buttons like Material style buttons from scratch:
   • How to build custom HTML buttons like Mate...  

Part 3: How to build custom HTML block buttons from scratch:
   • How to build custom HTML block buttons fro...  

Part 4: How to build custom HTML pill buttons from scratch:
   • How to build custom HTML pill buttons from...  

Part 5: How to convert existing CSS to SCSS or SASS:
   • How to convert existing CSS to SCSS or SASS  

Part 6: How to build custom HTML buttons in React and TypeScript from scratch:
   • How to build custom HTML buttons in React ...  

Part 7: How to create tests for custom React components using React Testing Library - Jest testing framework:
   • How to create tests for custom React compo...  

Project repository can be found here: https://github.com/tjaartvanderWalt/c...

Figma file used in the tutorial can be found here:
https://github.com/tjaartvanderWalt/c...

Final CSS used in this series can be downloaded here:
https://gist.github.com/tjaartvanderW...