How to install Material3 in HTML5?

https://github.com/material-components/material-web

Welcome to the community, @pokeshah!

To install a module, you will need to go to the shell and type in $ npm install @material/web.

You can look at its Quick Start page for more info.

It doesn’t work. I imported the code they used in the Quick Start. It installs correctly (it asks what npm to use, and I select 16.x). I run the program and visit the website.

If you visit the website(can’t link but just go to the code and open the website from there) and open the console, you will get errors.

Code: https://replit.com/@pokeshah/DimGoldenrodInteger

It doesn’t work. It installed properly(it asked me which node version to use, and I clicked the latest[16.x]).

I have imported the code they used in the quickstart.

It doesn’t work. If you open the code, visit the website, and open the console, you will see multiple errors.

You will need to install Angular for it to work, since the HTML tags <md-checkbox>, <md-outlined-button> and <md-filled-button> are in Angular.

You can visit their website here to learn more.

1 Like

As per my experience, there are some steps to install Material3 in HTML5. First, mention the Material 3 stylesheet in the head of the HTML, then add the Java script file. Next, incorporate the Material3 components in your HTML code by referencing their documentation. Customize the appearance by adjusting the provided features. Finally, thoroughly test your implementation to ensure proper functionality.
I hope this will helpful for you
https://ask.replit.com/t/salesforce-how-to-install-material3-in-html5/12431/1