Skip to content

Commit 9a63334

Browse files
committed
main - 01ec1e0 docs(material/button): variants table not rendering (#31274)
1 parent 174f9fb commit 9a63334

File tree

2 files changed

+33
-15
lines changed

2 files changed

+33
-15
lines changed

docs-content/overviews/material/button/button.md.html

Lines changed: 25 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,31 @@
55
<p>Native <code>&lt;button&gt;</code> and <code>&lt;a&gt;</code> elements are always used in order to provide the most straightforward
66
and accessible experience for users. A <code>&lt;button&gt;</code> element should be used whenever some <em>action</em>
77
is performed. An <code>&lt;a&gt;</code> element should be used whenever the user will <em>navigate</em> to another view.</p>
8-
<p>There are several button variants, each applied as an attribute:
9-
| Attribute | Description |
10-
|----------------------|--------------------------------------------------------------------------|
11-
| <code>matButton</code> | Rectangular button that can contain text and icons |
12-
| <code>matIconButton</code> | Smaller, circular button, meant to contain an icon and no text |
13-
| <code>matFab</code> | Rectangular button w/ elevation and rounded corners, meant to contain an icon. Can be <a href="https://material.angular.dev/components/button/overview#extended-fab-buttons">extended</a> to a rectangle to also fit a label |
14-
| <code>matMiniFab</code> | Smaller variant of <code>matFab</code> |</p>
8+
<p>There are several button variants, each applied as an attribute:</p>
9+
<table>
10+
<thead>
11+
<tr>
12+
<th>Attribute</th>
13+
<th>Description</th>
14+
</tr>
15+
</thead>
16+
<tbody><tr>
17+
<td><code>matButton</code></td>
18+
<td>Rectangular button that can contain text and icons</td>
19+
</tr>
20+
<tr>
21+
<td><code>matIconButton</code></td>
22+
<td>Smaller, circular button, meant to contain an icon and no text</td>
23+
</tr>
24+
<tr>
25+
<td><code>matFab</code></td>
26+
<td>Rectangular button w/ elevation and rounded corners, meant to contain an icon. Can be <a href="https://material.angular.dev/components/button/overview#extended-fab-buttons">extended</a> to a rectangle to also fit a label</td>
27+
</tr>
28+
<tr>
29+
<td><code>matMiniFab</code></td>
30+
<td>Smaller variant of <code>matFab</code></td>
31+
</tr>
32+
</tbody></table>
1533
<p>Additionally, the <code>matButton</code> has several appearances that can be set using the <code>matButton</code>
1634
attribute, for example <code>matButton=&quot;outlined&quot;</code>:</p>
1735
<table>

package.json

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@angular/components-examples",
3-
"version": "20.1.0-next.0+sha-ff190cc",
3+
"version": "20.1.0-next.0+sha-01ec1e0",
44
"description": "Angular Components Examples",
55
"private": true,
66
"repository": {
@@ -259,15 +259,15 @@
259259
},
260260
"homepage": "https://github.com/angular/components#readme",
261261
"peerDependencies": {
262-
"@angular/cdk": "20.1.0-next.0+sha-ff190cc",
263-
"@angular/cdk-experimental": "20.1.0-next.0+sha-ff190cc",
262+
"@angular/cdk": "20.1.0-next.0+sha-01ec1e0",
263+
"@angular/cdk-experimental": "20.1.0-next.0+sha-01ec1e0",
264264
"@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
265265
"@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
266-
"@angular/material": "20.1.0-next.0+sha-ff190cc",
267-
"@angular/material-experimental": "20.1.0-next.0+sha-ff190cc",
268-
"@angular/material-moment-adapter": "20.1.0-next.0+sha-ff190cc",
269-
"@angular/material-luxon-adapter": "20.1.0-next.0+sha-ff190cc",
270-
"@angular/material-date-fns-adapter": "20.1.0-next.0+sha-ff190cc"
266+
"@angular/material": "20.1.0-next.0+sha-01ec1e0",
267+
"@angular/material-experimental": "20.1.0-next.0+sha-01ec1e0",
268+
"@angular/material-moment-adapter": "20.1.0-next.0+sha-01ec1e0",
269+
"@angular/material-luxon-adapter": "20.1.0-next.0+sha-01ec1e0",
270+
"@angular/material-date-fns-adapter": "20.1.0-next.0+sha-01ec1e0"
271271
},
272272
"devDependencies": {
273273
"@angular/cdk": "workspace:*",

0 commit comments

Comments
 (0)