Skip to content

docs(mdc-chips): incorrect closing tag #20251

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Aug 12, 2020
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions src/material-experimental/mdc-chips/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,14 +39,14 @@ Assuming your application is already up and running using Angular Material, you
```

4. Use the chips in your component's template:
```html

```html
<mat-chip-set>
<mat-chip> Chip 1 </mat-chip>
<mat-chip> Chip 2 </mat-chip>
</mat-chip-set>
```
```

5. Add the theme mixins to your Sass:

```scss
Expand All @@ -63,7 +63,7 @@ Assuming your application is already up and running using Angular Material, you
));


@include mat-mdc-chips-theme($candy-app-theme);
@include mat-mdc-chips-theme($candy-app-theme);
```

## API differences
Expand All @@ -72,14 +72,14 @@ The API for the MDC-based chips are mostly the same as the current chips impleme
one notable difference is that the names of the container and chips have been changed to clarify
when and how they should be used.

The most basic container that you can use for the chips is with the `<mat-chip-set>` containing a
The most basic container that you can use for the chips is with the `<mat-chip-set>` containing a
list of `<mat-chip>`:

```html
<mat-chip-set>
<mat-chip> John </mat-basic-chip>
<mat-chip> Paul </mat-basic-chip>
<mat-chip> James </mat-basic-chip>
<mat-chip> John </mat-chip>
<mat-chip> Paul </mat-chip>
<mat-chip> James </mat-chip>
</mat-chip-set>
```

Expand Down