You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: guides/getting-started.md
+7-15
Original file line number
Diff line number
Diff line change
@@ -4,26 +4,19 @@ This guide explains how to set up your Angular project to begin using Angular Ma
4
4
information on prerequisites, installing Angular Material, and optionally displaying a sample
5
5
Material component in your application to verify your setup.
6
6
7
-
*Angular Resources*
8
-
9
-
If you are new to Angular or getting started with a new Angular application, see
10
-
[Angular's full Getting Started Guide](https://angular.io/start) and
11
-
[Setting up your environment](https://angular.io/guide/setup-local).
12
-
13
-
For existing applications, follow the steps below to begin using Angular Material.
7
+
This guide assumes that the [Angular CLI](https://angular.dev/tools/cli/setup-local#install-the-angular-cli) has already been installed.
14
8
15
9
## Install Angular Material
16
10
17
-
Use the Angular CLI's installation [schematic](https://material.angular.io/guide/schematics) to set
18
-
up your Angular Material project by running the following command:
11
+
Add Angular Material to your application by running the following command:
19
12
20
13
```bash
21
14
ng add @angular/material
22
15
```
23
16
24
17
The `ng add` command will install Angular Material, the
25
18
[Component Dev Kit (CDK)](https://material.angular.io/cdk/categories),
26
-
[Angular Animations](https://angular.io/guide/animations) and ask you the following questions to
19
+
[Angular Animations](https://angular.dev/guide/animations) and ask you the following questions to
27
20
determine which features to include:
28
21
29
22
1. Choose a prebuilt theme name, or "custom" for a custom theme:
@@ -36,7 +29,7 @@ determine which features to include:
36
29
37
30
3. Set up browser animations for Angular Material:
38
31
39
-
Importing the [`BrowserAnimationsModule`](https://angular.io/api/platform-browser/animations/BrowserAnimationsModule) into your application enables Angular's [animation system](https://angular.io/guide/animations). Declining this will disable most of Angular Material's animations.
32
+
Importing the [`BrowserAnimationsModule`](https://angular.io/api/platform-browser/animations/BrowserAnimationsModule) into your application enables Angular's [animation system](https://angular.dev/guide/animations). Declining this will disable most of Angular Material's animations.
40
33
41
34
The `ng add` command will additionally perform the following actions:
42
35
@@ -50,23 +43,22 @@ The `ng add` command will additionally perform the following actions:
50
43
51
44
You're done! Angular Material is now configured to be used in your application.
52
45
53
-
54
46
### Display a component
55
47
56
48
Let's display a slide toggle component in your app and verify that everything works.
57
49
58
50
You need to import the `MatSlideToggleModule` that you want to display by adding the following lines to
59
-
your `app.module.ts` file.
51
+
your standalone component's imports, or otherwise your component's `NgModule`.
0 commit comments