File tree Expand file tree Collapse file tree 1 file changed +9
-9
lines changed
src/material-experimental/mdc-chips Expand file tree Collapse file tree 1 file changed +9
-9
lines changed Original file line number Diff line number Diff line change @@ -39,14 +39,14 @@ Assuming your application is already up and running using Angular Material, you
39
39
```
40
40
41
41
4 . Use the chips in your component's template:
42
-
43
- ``` html
42
+
43
+ ``` html
44
44
<mat-chip-set >
45
45
<mat-chip > Chip 1 </mat-chip >
46
46
<mat-chip > Chip 2 </mat-chip >
47
47
</mat-chip-set >
48
- ```
49
-
48
+ ```
49
+
50
50
5 . Add the theme mixins to your Sass:
51
51
52
52
``` scss
@@ -63,7 +63,7 @@ Assuming your application is already up and running using Angular Material, you
63
63
));
64
64
65
65
66
- @include mat-mdc-chips-theme ($candy-app-theme );
66
+ @include mat-mdc-chips-theme ($candy-app-theme );
67
67
```
68
68
69
69
## API differences
@@ -72,14 +72,14 @@ The API for the MDC-based chips are mostly the same as the current chips impleme
72
72
one notable difference is that the names of the container and chips have been changed to clarify
73
73
when and how they should be used.
74
74
75
- The most basic container that you can use for the chips is with the ` <mat-chip-set> ` containing a
75
+ The most basic container that you can use for the chips is with the ` <mat-chip-set> ` containing a
76
76
list of ` <mat-chip> ` :
77
77
78
78
``` html
79
79
<mat-chip-set >
80
- <mat-chip > John </mat-basic- chip >
81
- <mat-chip > Paul </mat-basic- chip >
82
- <mat-chip > James </mat-basic- chip >
80
+ <mat-chip > John </mat-chip >
81
+ <mat-chip > Paul </mat-chip >
82
+ <mat-chip > James </mat-chip >
83
83
</mat-chip-set >
84
84
```
85
85
You can’t perform that action at this time.
0 commit comments