mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
3092e88626
Add explicit TagName to RadzenText usages that rendered real heading elements (H1-H6, DisplayH1-H6, Subtitle1/2) purely for visual styling, and convert raw HTML headings in examples to RadzenText with proper TextStyle and TagName. Visual labels now render as <p>, genuine headings use correct levels without skips (WCAG 1.3.1). Fixes #2596
26 lines
1.7 KiB
Plaintext
26 lines
1.7 KiB
Plaintext
@using Radzen
|
|
|
|
<RadzenStack Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.SpaceBetween" Gap="3rem" Wrap="FlexWrap.Wrap" class="rz-py-12 rz-px-6 rz-mx-auto" Style="max-width: 800px;">
|
|
<RadzenStack Orientation="Orientation.Vertical" AlignItems="AlignItems.Center" Gap="1rem">
|
|
<RadzenText TextStyle="TextStyle.H6" TagName="TagName.P">Text (Default)</RadzenText>
|
|
<RadzenSkeleton /> <!-- Default Skeleton. Equivalent to Variant="SkeletonVariant.Text" -->
|
|
<RadzenSkeleton Style="height: 2rem;" />
|
|
</RadzenStack>
|
|
<RadzenStack Orientation="Orientation.Vertical" AlignItems="AlignItems.Center" Gap="1rem">
|
|
<RadzenText TextStyle="TextStyle.H6" TagName="TagName.P">Circular</RadzenText>
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" >
|
|
<RadzenSkeleton Variant="SkeletonVariant.Circular" Style="width: 1rem; height: 1rem" />
|
|
<RadzenSkeleton Variant="SkeletonVariant.Circular" />
|
|
<RadzenSkeleton Variant="SkeletonVariant.Circular" Style="width: 4rem; height: 4rem" />
|
|
</RadzenStack>
|
|
</RadzenStack>
|
|
<RadzenStack Orientation="Orientation.Vertical" AlignItems="AlignItems.Center" Gap="1rem">
|
|
<RadzenText TextStyle="TextStyle.H6" TagName="TagName.P">Rectangular</RadzenText>
|
|
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center">
|
|
<RadzenSkeleton Variant="SkeletonVariant.Rectangular" />
|
|
<RadzenSkeleton Variant="SkeletonVariant.Rectangular" Style="width: 4rem; height: 4rem" />
|
|
<RadzenSkeleton Variant="SkeletonVariant.Rectangular" Style="width: 2rem; height: 4rem" />
|
|
</RadzenStack>
|
|
</RadzenStack>
|
|
</RadzenStack> |