Skip to content

Commit 7b324e1

Browse files
annieywannieyw
committed
add space after colon in object literal
1 parent 051e71e commit 7b324e1

File tree

3 files changed

+35
-35
lines changed

3 files changed

+35
-35
lines changed

‎src/material/chips/chips.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
`<mat-chip-list>` displays a list of values as individual, keyboard accessible, chips.
22

3-
<!-- example{{"example":"chips-overview",
4-
"file":"chips-overview-example.html"}) -->
3+
<!-- example({"example": "chips-overview",
4+
"file": "chips-overview-example.html"}) -->
55

66
### Unstyled chips
77
By default, `<mat-chip>` has Material Design styles applied. For a chip with no styles applied,
@@ -52,8 +52,8 @@ also gain focus when clicked, ensuring keyboard navigation starts at the appropr
5252
If you want the chips in the list to be stacked vertically, instead of horizontally, you can apply
5353
the `mat-chip-list-stacked` class, as well as the `aria-orientation="vertical"` attribute:
5454

55-
<!-- example({"example":"chips-stacked",
56-
"file":"chips-stacked-example.html")} -->
55+
<!-- example({"example": "chips-stacked",
56+
"file": "chips-stacked-example.html"}) -->
5757

5858
### Specifying global configuration defaults
5959
Default options for the chips module can be specified using the `MAT_CHIPS_DEFAULT_OPTIONS`

‎src/material/menu/menu.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44

55
By itself, the `<mat-menu>` element does not render anything. The menu is attached to and opened
66
via application of the `matMenuTriggerFor` directive:
7-
<!-- example({"example":"menu-overview",
8-
"file":"menu-overview-example.html",
9-
"region:"mat-menu-trigger-for"}) -->
7+
<!-- example({"example": "menu-overview",
8+
"file": "menu-overview-example.html",
9+
"region": "mat-menu-trigger-for"}) -->
1010

1111
### Toggling the menu programmatically
1212
The menu exposes an API to open/close programmatically. Please note that in this case, an
@@ -25,8 +25,8 @@ class MyComponent {
2525
### Icons
2626
Menus support displaying `mat-icon` elements before the menu item text.
2727

28-
<!-- example({"example":"menu-icons",
29-
"file":"menu-icons-example.html")} -->
28+
<!-- example({"example": "menu-icons",
29+
"file": "menu-icons-example.html"}) -->
3030

3131
### Customizing menu position
3232

@@ -35,19 +35,19 @@ its trigger. The position can be changed using the `xPosition` (`before | after`
3535
(`above | below`) attributes. The menu can be forced to overlap the trigger using the
3636
`overlapTrigger` attribute.
3737

38-
<!-- example({"example":"menu-position",
39-
"file":"menu-position-example.html",
40-
"region":"menu-position")} -->
38+
<!-- example({"example": "menu-position",
39+
"file": "menu-position-example.html",
40+
"region": "menu-position"}) -->
4141

4242
### Nested menu
4343

4444
Material supports the ability for an `mat-menu-item` to open a sub-menu. To do so, you have to define
4545
your root menu and sub-menus, in addition to setting the `[matMenuTriggerFor]` on the `mat-menu-item`
4646
that should trigger the sub-menu:
4747

48-
<!-- example({"example":"menu-nested",
49-
"file":"menu-nested-example.html",
50-
"region":"sub-menu")} -->
48+
<!-- example({"example": "menu-nested",
49+
"file": "menu-nested-example.html",
50+
"region": "sub-menu"}) -->
5151

5252
### Lazy rendering
5353
By default, the menu content will be initialized even when the panel is closed. To defer

‎src/material/tabs/tabs.md

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -19,32 +19,32 @@ the header, usually through keyboard navigation.
1919

2020
If a tab's label is only text then the simple tab-group API can be used.
2121

22-
<!-- example({"example":"tab-group-basic",
23-
"file":"tab-group-basic.html"}) -->
22+
<!-- example({"example": "tab-group-basic",
23+
"file": "tab-group-basic.html"}) -->
2424

2525
For more complex labels, add a template with the `mat-tab-label` directive inside the `mat-tab`.
2626

27-
<!-- example({"example":"tab-group-custom-label",
28-
"file":"tab-group-custom-label-example.html",
29-
"region":"label-directive"}) -->
27+
<!-- example({"example": "tab-group-custom-label",
28+
"file": "tab-group-custom-label-example.html",
29+
"region": "label-directive"}) -->
3030

3131
### Dynamic Height
3232

3333
By default, the tab group will not change its height to the height of the currently active tab. To
3434
change this, set the `dynamicHeight` input to true. The tab body will animate its height according
3535
to the height of the active tab.
3636

37-
<!-- example({"example":"tab-group-dynamic-height",
38-
"file":"tab-group-dynamic-height-example.html",
39-
"region":"dynamic-height"}) -->
37+
<!-- example({"example": "tab-group-dynamic-height",
38+
"file": "tab-group-dynamic-height-example.html",
39+
"region": "dynamic-height"}) -->
4040

4141
### Tabs and navigation
4242
While `<mat-tab-group>` is used to switch between views within a single route, `<nav mat-tab-nav-bar>`
4343
provides a tab-like UI for navigating between routes.
4444

45-
<!-- example({"example":"tab-nav-bar-basic",
46-
"file":"tab-nav-bar-basic-example.html",
47-
"region":"mat-tab-nav"}) -->
45+
<!-- example({"example": "tab-nav-bar-basic",
46+
"file": "tab-nav-bar-basic-example.html",
47+
"region": "mat-tab-nav"}) -->
4848

4949
The `tab-nav-bar` is not tied to any particular router; it works with normal `<a>` elements and uses
5050
the `active` property to determine which tab is currently active. The corresponding
@@ -63,26 +63,26 @@ to lazy load the tab's content.
6363
Tab contents can be lazy loaded by declaring the body in a `ng-template`
6464
with the `matTabContent` attribute.
6565

66-
<!-- example({"example":"tab-group-lazy-loaded",
67-
"file":"tab-group-lazy-loaded-example.html",
68-
"region":"mat-tab-content"}) -->
66+
<!-- example({"example": "tab-group-lazy-loaded",
67+
"file": "tab-group-lazy-loaded-example.html",
68+
"region": "mat-tab-content"}) -->
6969

7070
### Label alignment
7171
If you want to align the tab labels in the center or towards the end of the container, you can
7272
do so using the `[mat-align-tabs]` attribute.
7373

74-
<!-- example({"example":"tab-group-align",
75-
"file":"tab-group-align-example.html",
76-
"region":"align-start"}) -->
74+
<!-- example({"example": "tab-group-align",
75+
"file": "tab-group-align-example.html",
76+
"region": "align-start"}) -->
7777

7878
### Controlling the tab animation
7979
You can control the duration of the tabs' animation using the `animationDuration` input. If you
8080
want to disable the animation completely, you can do so by setting the properties to `0ms`. The
8181
duration can be configured globally using the `MAT_TABS_CONFIG` injection token.
8282

83-
<!-- example({"example":"tab-group-animations",
84-
"file":"tab-group-animations-example.html",
85-
"region":"slow-animation-duration"}) -->
83+
<!-- example({"example": "tab-group-animations",
84+
"file": "tab-group-animations-example.html",
85+
"region": "slow-animation-duration"}) -->
8686

8787
### Accessibility
8888
`<mat-tab-group>` and `<mat-nav-tab-bar>` use different interaction patterns. The

0 commit comments

Comments
 (0)