|
11 | 11 |
|
12 | 12 | <CarbonAds /> |
13 | 13 |
|
14 | | -<Section Size="HeadingSize.H2" Text="About" PageUrl="@pageUrl" HashTagName="about"> |
| 14 | +<Section Size="HeadingSize.H2" Name="About" PageUrl="@pageUrl" HashTagName="about"> |
15 | 15 | <div class="mb-3"> |
16 | 16 | Placeholders can be used to enhance the experience of your application. |
17 | 17 | </div> |
18 | 18 | </Section> |
19 | 19 |
|
20 | | -<Section Size="HeadingSize.H2" Text="Examples" PageUrl="@pageUrl" HashTagName="examples"> |
| 20 | +<Section Size="HeadingSize.H2" Name="Examples" PageUrl="@pageUrl" HashTagName="examples"> |
21 | 21 | <Demo Type="typeof(Placeholder_Demo_01_Examples)" /> |
22 | 22 | </Section> |
23 | 23 |
|
24 | | -<Section Size="HeadingSize.H2" Text="Width" PageUrl="@pageUrl" HashTagName="width"> |
| 24 | +<Section Size="HeadingSize.H2" Name="Width" PageUrl="@pageUrl" HashTagName="width"> |
25 | 25 | <div>You can change the width through <code>PlaceholderWidth</code>, width utilities, or inline styles.</div> |
26 | 26 | <Demo Type="typeof(Placeholder_Demo_02_Width)" /> |
27 | 27 | </Section> |
28 | 28 |
|
29 | | -<Section Size="HeadingSize.H2" Text="Color" PageUrl="@pageUrl" HashTagName="color"> |
| 29 | +<Section Size="HeadingSize.H2" Name="Color" PageUrl="@pageUrl" HashTagName="color"> |
30 | 30 | <div>By default, the placeholder uses currentColor. This can be overridden with the <code>Color</code> property of type enum.</div> |
31 | 31 | <Demo Type="typeof(Placeholder_Demo_03_Color)" /> |
32 | 32 | </Section> |
33 | 33 |
|
34 | | -<Section Size="HeadingSize.H2" Text="Sizing" PageUrl="@pageUrl" HashTagName="sizing"> |
| 34 | +<Section Size="HeadingSize.H2" Name="Sizing" PageUrl="@pageUrl" HashTagName="sizing"> |
35 | 35 | <div>The size of placeholders are based on the typographic style of the parent element. Customize them with <code>Size</code> property of type enum.</div> |
36 | 36 | <Demo Type="typeof(Placeholder_Demo_04_Sizing)" /> |
37 | 37 | </Section> |
38 | 38 |
|
39 | | -<Section Size="HeadingSize.H2" Text="Animation" PageUrl="@pageUrl" HashTagName="animation"> |
| 39 | +<Section Size="HeadingSize.H2" Name="Animation" PageUrl="@pageUrl" HashTagName="animation"> |
40 | 40 | <div>Animate placeholders with <code>PlaceholderAnimation.Glow</code> or <code>PlaceholderAnimation.Wave</code> to better convey the perception of something being actively loaded.</div> |
41 | 41 | <Demo Type="typeof(Placeholder_Demo_05_Animation)" /> |
42 | 42 | </Section> |
|
0 commit comments