How do I use an angular material in a static website?

Answer 1

You can add Angular Material to your Angular project with `ng add @angular/material`. This installs the needed npm packages, fonts, and other setup needed for Angular Material within your project. There are more detailed instructions in the official documentation: https://material.angular.io/guide/getting-started

Individual Angular Material components can be imported, e.g.

import { MatButtonModule } from '@angular/material/button';

@NgModule ({

imports: [MatButtonModule]

})

<button mat-button>Hello</button>

To compile your Angular app to use it as a static site, you can run `ng build`, which will output to a `dist` folder which you can upload to S3, GitHub pages, Firebase, an FPT server, or any other static file storage. The necessarily Angular Material code will be included in that bundle.