starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-07-08 18:16:08 +00:00
Code Issues 1.3k Packages Projects Releases 28 Wiki Activity

Fix accessibility alerts on demos homepage

Browse Source
This commit is contained in:
yordanov
2026-07-06 15:29:03 +03:00
parent 40d0583987
commit cabafcf4a0
8 changed files with 48 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
RadzenBlazorDemos.Host/App.razor
View File

@@ -11,7 +11,7 @@
<base href="/" /> <base href="/" />
<link href="css/site.css" rel="stylesheet" /> <link href="css/site.css" rel="stylesheet" />
<HeadOutlet @rendermode="InteractiveWebAssembly" /> <HeadOutlet @rendermode="InteractiveWebAssembly" />
<RadzenTheme Theme="material3" /> <RadzenTheme Theme="material3" Wcag="true" />
<SectionOutlet @rendermode="InteractiveWebAssembly" SectionName="Canonical" /> <SectionOutlet @rendermode="InteractiveWebAssembly" SectionName="Canonical" />
<SectionOutlet @rendermode="InteractiveWebAssembly" SectionName="head-schemas" /> <SectionOutlet @rendermode="InteractiveWebAssembly" SectionName="head-schemas" />
<link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/editor/editor.main.min.css"> <link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/editor/editor.main.min.css">

2
RadzenBlazorDemos.Server/App.razor
View File

@@ -10,7 +10,7 @@
<base href="/" /> <base href="/" />
<link href="css/site.css" rel="stylesheet" /> <link href="css/site.css" rel="stylesheet" />
<HeadOutlet @rendermode="InteractiveServer" /> <HeadOutlet @rendermode="InteractiveServer" />
<RadzenTheme Theme="material3" /> <RadzenTheme Theme="material3" Wcag="true" />
<link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/editor/editor.main.min.css"> <link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/editor/editor.main.min.css">
</head> </head>
<body class="rz-scrollbars"> <body class="rz-scrollbars">

80
RadzenBlazorDemos/Pages/Index.razor
View File

@@ -16,7 +16,7 @@
<RadzenText TextStyle="TextStyle.DisplayH6" TagName="TagName.H1" Style="max-width: 900px;" class="rz-mt-8 rz-mb-4 rz-mx-auto"><strong>145+</strong> open source Blazor components</RadzenText> <RadzenText TextStyle="TextStyle.DisplayH6" TagName="TagName.H1" Style="max-width: 900px;" class="rz-mt-8 rz-mb-4 rz-mx-auto"><strong>145+</strong> open source Blazor components</RadzenText>
<RadzenText TextStyle="TextStyle.DisplayH2" TagName="TagName.H2" Style="--rz-text-display-h2-font-size: clamp(3rem, 4.75vw, 4.75rem); max-width: 920px; font-weight: 500;" class="rz-mx-auto">The Most Sophisticated Free UI Component Library for Blazor</RadzenText> <RadzenText TextStyle="TextStyle.DisplayH2" TagName="TagName.H2" Style="--rz-text-display-h2-font-size: clamp(3rem, 4.75vw, 4.75rem); max-width: 920px; font-weight: 500;" class="rz-mx-auto">The Most Sophisticated Free UI Component Library for Blazor</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" TextAlign="TextAlign.Center" Style="max-width: 640px; font-weight: 500; text-wrap: balance;" class="rz-mt-8 rz-mx-auto"><strong>Radzen Blazor Components</strong> give you everything you need to build responsive, data-driven web apps - for free.</RadzenText> <RadzenText TextStyle="TextStyle.Body1" TextAlign="TextAlign.Center" Style="max-width: 640px; font-weight: 500; text-wrap: balance;" class="rz-mt-8 rz-mx-auto"><strong>Radzen Blazor Components</strong> give you everything you need to build responsive, data-driven web apps - for free.</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" TextAlign="TextAlign.Center" Style="max-width: 640px; font-weight: 500;" class="rz-mt-4 rz-mb-0 rz-mx-auto">The <Anchor href="#subscription-benefits" Style="font-weight: 700;">Subscription</Anchor> extends your toolkit with dedicated support, premium themes, reusable UI blocks, complete app templates, and a visual design-time experience.</RadzenText> <RadzenText TextStyle="TextStyle.Body1" TextAlign="TextAlign.Center" Style="max-width: 640px; font-weight: 500;" class="rz-mt-4 rz-mb-0 rz-mx-auto">The <Anchor href="#subscription-benefits" Style="font-weight: 700; color: var(--rz-link-color);">Subscription</Anchor> extends your toolkit with dedicated support, premium themes, reusable UI blocks, complete app templates, and a visual design-time experience.</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.Center" Gap="1.5rem" Wrap="FlexWrap.Wrap" class="rz-py-8 rz-py-sm-10 rz-py-md-12 rz-mb-4"> <RadzenStack Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.Center" Gap="1.5rem" Wrap="FlexWrap.Wrap" class="rz-py-8 rz-py-sm-10 rz-py-md-12 rz-mb-4">
<NavLink class="rz-button rz-button-lg rz-variant-flat rz-base rz-shade-darker" href="/get-started"> <NavLink class="rz-button rz-button-lg rz-variant-flat rz-base rz-shade-darker" href="/get-started">
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem" Style="height: 100%;"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem" Style="height: 100%;">
@@ -89,11 +89,11 @@
<RadzenColumn Size="12" SizeMD="3"> <RadzenColumn Size="12" SizeMD="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack JustifyContent="JustifyContent.SpaceBetween" class="rz-h-100" Gap="0.5rem;"> <RadzenStack JustifyContent="JustifyContent.SpaceBetween" class="rz-h-100" Gap="0.5rem;">
<RadzenText TextStyle="TextStyle.Overline">Overdue</RadzenText> <RadzenText TextStyle="TextStyle.Overline" Style="--rz-text-overline-font-size: 0.6875rem;">Overdue</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" Gap="0.5rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" Gap="0.5rem">
<RadzenText TextStyle="TextStyle.DisplayH3" TagName="TagName.P" Style="line-height: 0.9; color: var(--rz-series-3)">@overdueTasks</RadzenText> <RadzenText TextStyle="TextStyle.DisplayH3" TagName="TagName.H2" Style="line-height: 0.9;">@overdueTasks</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
<RadzenText TextStyle="TextStyle.Body2" Style="color: var(--rz-series-3)">need attention</RadzenText> <RadzenText TextStyle="TextStyle.Body2">need attention</RadzenText>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
@@ -102,12 +102,12 @@
<RadzenColumn Size="12" SizeMD="3"> <RadzenColumn Size="12" SizeMD="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack JustifyContent="JustifyContent.SpaceBetween" class="rz-h-100" Gap="0.5rem;"> <RadzenStack JustifyContent="JustifyContent.SpaceBetween" class="rz-h-100" Gap="0.5rem;">
<RadzenText TextStyle="TextStyle.Overline">Completed Today</RadzenText> <RadzenText TextStyle="TextStyle.Overline" Style="--rz-text-overline-font-size: 0.6875rem;">Completed Today</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" Gap="0.5rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" Gap="0.5rem">
<RadzenText TextStyle="TextStyle.DisplayH3" TagName="TagName.P" Style="line-height: 0.9; color: var(--rz-series-1">@tasksCompletedToday</RadzenText> <RadzenText TextStyle="TextStyle.DisplayH3" TagName="TagName.H2" Style="line-height: 0.9;">@tasksCompletedToday</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.25rem">
<RadzenIcon Icon="trending_up" Style="color: var(--rz-series-1)" /> <RadzenIcon Icon="trending_up" Style="font-weight: 300; font-size: 1rem;" />
<RadzenText TextStyle="TextStyle.Body2" Style="color: var(--rz-series-1)">+3 from yesterday</RadzenText> <RadzenText TextStyle="TextStyle.Body2">+3 from yesterday</RadzenText>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
@@ -116,11 +116,11 @@
<RadzenColumn Size="12" SizeMD="3"> <RadzenColumn Size="12" SizeMD="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack JustifyContent="JustifyContent.SpaceBetween" class="rz-h-100" Gap="0.5rem;"> <RadzenStack JustifyContent="JustifyContent.SpaceBetween" class="rz-h-100" Gap="0.5rem;">
<RadzenText TextStyle="TextStyle.Overline">In Progress</RadzenText> <RadzenText TextStyle="TextStyle.Overline" Style="--rz-text-overline-font-size: 0.6875rem;">In Progress</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" Gap="0.5rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" Gap="0.5rem">
<RadzenText TextStyle="TextStyle.DisplayH3" TagName="TagName.P" Style="line-height: 0.9; color: var(--rz-series-2)">@tasksInProgress</RadzenText> <RadzenText TextStyle="TextStyle.DisplayH3" TagName="TagName.H2" Style="line-height: 0.9;">@tasksInProgress</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
<RadzenText TextStyle="TextStyle.Body2" Style="color: var(--rz-series-2)">active tasks</RadzenText> <RadzenText TextStyle="TextStyle.Body2">active tasks</RadzenText>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
@@ -129,9 +129,9 @@
<RadzenColumn Size="12" SizeMD="3"> <RadzenColumn Size="12" SizeMD="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack JustifyContent="JustifyContent.SpaceBetween" class="rz-h-100" Gap="0.5rem;"> <RadzenStack JustifyContent="JustifyContent.SpaceBetween" class="rz-h-100" Gap="0.5rem;">
<RadzenText TextStyle="TextStyle.Overline">Upcoming Deadlines</RadzenText> <RadzenText TextStyle="TextStyle.Overline" Style="--rz-text-overline-font-size: 0.6875rem;">Upcoming Deadlines</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" Gap="0.5rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" Gap="0.5rem">
<RadzenText TextStyle="TextStyle.DisplayH3" TagName="TagName.P" Style="line-height: 0.9;">@upcomingDeadlines</RadzenText> <RadzenText TextStyle="TextStyle.DisplayH3" TagName="TagName.H2" Style="line-height: 0.9;">@upcomingDeadlines</RadzenText>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem">
<RadzenText TextStyle="TextStyle.Body2">next 7 days</RadzenText> <RadzenText TextStyle="TextStyle.Body2">next 7 days</RadzenText>
</RadzenStack> </RadzenStack>
@@ -188,7 +188,7 @@
<RadzenCard Variant="Variant.Outlined" class="rz-h-100 rz-p-0 rz-overflow-hidden"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100 rz-p-0 rz-overflow-hidden">
<RadzenStack Gap="0"> <RadzenStack Gap="0">
<RadzenText TextStyle="TextStyle.H6" TagName="TagName.H2" Style="padding: var(--rz-card-padding);">Upcoming Deadlines</RadzenText> <RadzenText TextStyle="TextStyle.H6" TagName="TagName.H2" Style="padding: var(--rz-card-padding);">Upcoming Deadlines</RadzenText>
<RadzenDataGrid Data="@upcomingDeadlinesData" AllowPaging="true" PageSize="6" AllowSorting="true" AllowGrouping="true" AllowColumnResize="true" Style="border-inline: none; border-block-end: none; border-radius: 0;"> <RadzenDataGrid Data="@upcomingDeadlinesData" AllowPaging="true" PageSize="6" AllowSorting="true" AllowGrouping="true" AllowColumnResize="true" ShowColumnTitleAsTooltip="false" ShowCellDataAsTooltip="false" Style="border-inline: none; border-block-end: none; border-radius: 0;">
<Columns> <Columns>
<RadzenDataGridColumn TItem="TaskItem" Property="Id" Title="ID" Width="80px" /> <RadzenDataGridColumn TItem="TaskItem" Property="Id" Title="ID" Width="80px" />
<RadzenDataGridColumn TItem="TaskItem" Property="Priority" Title="Priority" Width="100px"> <RadzenDataGridColumn TItem="TaskItem" Property="Priority" Title="Priority" Width="100px">
@@ -227,8 +227,8 @@
<RadzenPanelMenuItem Text="Reports" Icon="assessment" Click="@(() => OnMenuItemClick("Reports"))" /> <RadzenPanelMenuItem Text="Reports" Icon="assessment" Click="@(() => OnMenuItemClick("Reports"))" />
<RadzenPanelMenuItem Text="Settings" Icon="settings" Click="@(() => OnMenuItemClick("Settings"))" /> <RadzenPanelMenuItem Text="Settings" Icon="settings" Click="@(() => OnMenuItemClick("Settings"))" />
</RadzenPanelMenu> </RadzenPanelMenu>
<RadzenText TextStyle="TextStyle.Caption" class="rz-ms-6 rz-text-tertiary-color">Radzen Tasks v1.0.0</RadzenText> <RadzenText TextStyle="TextStyle.Caption" class="rz-ms-6">Radzen Tasks v1.0.0</RadzenText>
<RadzenText TextStyle="TextStyle.Caption" class="rz-mb-6 rz-ms-6 rz-text-tertiary-color">Copyright Ⓒ 2026</RadzenText> <RadzenText TextStyle="TextStyle.Caption" class="rz-mb-6 rz-ms-6">Copyright Ⓒ 2026</RadzenText>
</RadzenStack> </RadzenStack>
</RadzenSidebar> </RadzenSidebar>
</RadzenLayout> </RadzenLayout>
@@ -343,7 +343,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="palette" class="rz-color-series-1 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="palette" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Premium Themes & Swatches" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Premium Themes & Swatches" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Ensure a consistent, polished look that matches your brand and supports accessibility." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Ensure a consistent, polished look that matches your brand and supports accessibility." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -352,7 +352,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="brush" class="rz-color-series-1 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="brush" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Theme Editor" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Theme Editor" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Customize colors, typography, and component properties visually. No manual CSS required." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Customize colors, typography, and component properties visually. No manual CSS required." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -361,7 +361,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="widgets" class="rz-color-series-1 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="widgets" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Reusable UI Blocks" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Reusable UI Blocks" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Assemble pages quickly from ready-made layouts, forms, and dashboards." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Assemble pages quickly from ready-made layouts, forms, and dashboards." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -370,7 +370,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="dashboard_customize" class="rz-color-series-1 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="dashboard_customize" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Complete App Templates" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Complete App Templates" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Start faster with project templates that cover common business scenarios." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Start faster with project templates that cover common business scenarios." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -379,7 +379,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="format_shapes" class="rz-color-series-2 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="format_shapes" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Visual Design-Time Experience" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Visual Design-Time Experience" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Design pages visually in your Visual Studio or the standalone Radzen Blazor Studio IDE." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Design pages visually in your Visual Studio or the standalone Radzen Blazor Studio IDE." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -388,7 +388,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="assistant" class="rz-color-series-2 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="assistant" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Page & Layout Wizards" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Page & Layout Wizards" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Use guided wizards to build new pages and layouts quickly and consistently." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Use guided wizards to build new pages and layouts quickly and consistently." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -397,7 +397,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="dns" class="rz-color-series-2 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="dns" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="CRUD" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="CRUD" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Generate create, read, update, and delete pages from your data sources in minutes." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Generate create, read, update, and delete pages from your data sources in minutes." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -406,7 +406,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="filter_alt" class="rz-color-series-2 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="filter_alt" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Query Builder" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Query Builder" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Sort and Filter your data when you bind it to components." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Sort and Filter your data when you bind it to components." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -415,7 +415,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="schema" class="rz-color-series-3 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="schema" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Visual Method Editor" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Visual Method Editor" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Define and edit custom logic visually with a clean, intuitive interface." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Define and edit custom logic visually with a clean, intuitive interface." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -424,7 +424,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="bug_report" class="rz-color-series-3 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="bug_report" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Debugging" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Debugging" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Run, test, and debug your applications without leaving the environment." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Run, test, and debug your applications without leaving the environment." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -433,7 +433,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="support" class="rz-color-series-3 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="support" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Dedicated Support" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Dedicated Support" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Get direct help from the Radzen team. Expert guidance when you need it most." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Get direct help from the Radzen team. Expert guidance when you need it most." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -442,7 +442,7 @@
<RadzenColumn Size="12" SizeXS="4" SizeSM="3"> <RadzenColumn Size="12" SizeXS="4" SizeSM="3">
<RadzenCard Variant="Variant.Outlined" class="rz-h-100"> <RadzenCard Variant="Variant.Outlined" class="rz-h-100">
<RadzenStack Gap="0.5rem"> <RadzenStack Gap="0.5rem">
<RadzenIcon Icon="auto_fix_high" class="rz-color-series-3 rz-mb-2" Style="font-size: 32px; font-weight: 300" /> <RadzenIcon Icon="auto_fix_high" class="rz-mb-2" Style="font-size: 32px; font-weight: 300" />
<RadzenText Text="Priority Fixes & Feature Requests" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" /> <RadzenText Text="Priority Fixes & Feature Requests" TextStyle="Radzen.Blazor.TextStyle.H6" TagName="TagName.P" Style="--rz-text-h6-font-weight: 600" />
<RadzenText Text="Subscribers receive priority handling for bug fixes and new feature requests." TextStyle="Radzen.Blazor.TextStyle.Body2" /> <RadzenText Text="Subscribers receive priority handling for bug fixes and new feature requests." TextStyle="Radzen.Blazor.TextStyle.Body2" />
</RadzenStack> </RadzenStack>
@@ -460,15 +460,15 @@
<RadzenColumn Size="12"> <RadzenColumn Size="12">
<RadzenStack Style="max-width: 800px" Gap="3.5rem" class="rz-mx-auto"> <RadzenStack Style="max-width: 800px" Gap="3.5rem" class="rz-mx-auto">
<RadzenStack Style="margin-top: 40px" Gap="1rem"> <RadzenStack Style="margin-top: 40px" Gap="1rem">
<RadzenText Text="&ldquo;" TextStyle="Radzen.Blazor.TextStyle.DisplayH1" TagName="Radzen.Blazor.TagName.P" Style="line-height: 8px; font-weight: 700; font-family: Georgia, serif" class="rz-m-0" /> <RadzenText Text="&ldquo;" TextStyle="Radzen.Blazor.TextStyle.DisplayH1" TagName="Radzen.Blazor.TagName.H4" Style="line-height: 8px; font-weight: 700; font-family: Georgia, serif" class="rz-m-0" />
<RadzenText Text="" TextStyle="Radzen.Blazor.TextStyle.H3" TagName="Radzen.Blazor.TagName.P" Style="font-weight: 500; line-height: 1.2em" class=""> <RadzenText Text="" TextStyle="Radzen.Blazor.TextStyle.H3" TagName="Radzen.Blazor.TagName.P" Style="font-weight: 500; line-height: 1.2em" class="">
<span>Radzen is a top quality RAD product!</span> <span>Radzen is a top quality RAD product!</span>
<span Style="font-weight: 300" class="rz-m-0 rz-text-tertiary-color">Apart from the excellent customer support (particularly their thorough understanding of our problems), the time saving element of Radzen truly impressed us.</span> <span Style="font-weight: 300" class="rz-m-0 rz-text-tertiary-color">Apart from the excellent customer support (particularly their thorough understanding of our problems), the time saving element of Radzen truly impressed us.</span>
</RadzenText> </RadzenText>
<RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-mt-4" Gap="1rem" Orientation="Radzen.Orientation.Horizontal"> <RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-mt-4" Gap="1rem" Orientation="Radzen.Orientation.Horizontal">
<RadzenStack Gap="0"> <RadzenStack Gap="0">
<RadzenText Text="Miguel Reis" Style="font-weight: 600" TextStyle="Radzen.Blazor.TextStyle.H4" TagName="TagName.P" class="rz-m-0 rz-text-secondary-color" /> <RadzenText Text="Miguel Reis" Style="font-weight: 600" TextStyle="Radzen.Blazor.TextStyle.H4" TagName="TagName.H5" class="rz-m-0 rz-text-secondary-color" />
<RadzenText Text="R & D Project Manager at SIER Group" class="rz-m-0 rz-text-tertiary-color" /> <RadzenText Text="R & D Project Manager at SIER Group" class="rz-m-0" />
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
@@ -481,15 +481,15 @@
<RadzenColumn Size="12"> <RadzenColumn Size="12">
<RadzenStack Style="max-width: 800px" Gap="3.5rem" class="rz-mx-auto"> <RadzenStack Style="max-width: 800px" Gap="3.5rem" class="rz-mx-auto">
<RadzenStack Style="margin-top: 60px" Gap="1rem"> <RadzenStack Style="margin-top: 60px" Gap="1rem">
<RadzenText Text="&ldquo;" TextStyle="Radzen.Blazor.TextStyle.DisplayH1" TagName="Radzen.Blazor.TagName.P" Style="line-height: 8px; font-weight: 700; font-family: Georgia, serif" class="rz-m-0" /> <RadzenText Text="&ldquo;" TextStyle="Radzen.Blazor.TextStyle.DisplayH1" TagName="Radzen.Blazor.TagName.H4" Style="line-height: 8px; font-weight: 700; font-family: Georgia, serif" class="rz-m-0" />
<RadzenText Text="" TextStyle="Radzen.Blazor.TextStyle.H3" TagName="Radzen.Blazor.TagName.P" Style="font-weight: 500; line-height: 1.2em" class=""> <RadzenText Text="" TextStyle="Radzen.Blazor.TextStyle.H3" TagName="Radzen.Blazor.TagName.P" Style="font-weight: 500; line-height: 1.2em" class="">
<span>Why Radzen?</span> <span>Why Radzen?</span>
<span Style="font-weight: 300" class="rz-m-0 rz-text-tertiary-color">Speed of development, proven technologies and spectacular support and commitment from the Radzen team.</span> <span Style="font-weight: 300" class="rz-m-0 rz-text-tertiary-color">Speed of development, proven technologies and spectacular support and commitment from the Radzen team.</span>
</RadzenText> </RadzenText>
<RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-mt-4" Gap="1rem" Orientation="Radzen.Orientation.Horizontal"> <RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-mt-4" Gap="1rem" Orientation="Radzen.Orientation.Horizontal">
<RadzenStack Gap="0"> <RadzenStack Gap="0">
<RadzenText Text="Carlos Carminati" Style="font-weight: 600" TextStyle="Radzen.Blazor.TextStyle.H4" TagName="TagName.P" class="rz-m-0 rz-text-secondary-color" /> <RadzenText Text="Carlos Carminati" Style="font-weight: 600" TextStyle="Radzen.Blazor.TextStyle.H4" TagName="TagName.H5" class="rz-m-0 rz-text-secondary-color" />
<RadzenText Text="Solution Architect at Mine IT" class="rz-m-0 rz-text-tertiary-color" /> <RadzenText Text="Solution Architect at Mine IT" class="rz-m-0" />
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
@@ -502,15 +502,15 @@
<RadzenColumn Size="12"> <RadzenColumn Size="12">
<RadzenStack Style="max-width: 800px" Gap="3.5rem" class="rz-mx-auto"> <RadzenStack Style="max-width: 800px" Gap="3.5rem" class="rz-mx-auto">
<RadzenStack Style="margin-top: 60px" Gap="1rem"> <RadzenStack Style="margin-top: 60px" Gap="1rem">
<RadzenText Text="&ldquo;" TextStyle="Radzen.Blazor.TextStyle.DisplayH1" TagName="Radzen.Blazor.TagName.P" Style="line-height: 8px; font-weight: 700; font-family: Georgia, serif" class="rz-m-0" /> <RadzenText Text="&ldquo;" TextStyle="Radzen.Blazor.TextStyle.DisplayH1" TagName="Radzen.Blazor.TagName.H4" Style="line-height: 8px; font-weight: 700; font-family: Georgia, serif" class="rz-m-0" />
<RadzenText Text="" TextStyle="Radzen.Blazor.TextStyle.H3" TagName="Radzen.Blazor.TagName.P" Style="font-weight: 500; line-height: 1.2em" class=""> <RadzenText Text="" TextStyle="Radzen.Blazor.TextStyle.H3" TagName="Radzen.Blazor.TagName.P" Style="font-weight: 500; line-height: 1.2em" class="">
<span>The time and money we invested before we switched to Radzen was significantly higher.</span> <span>The time and money we invested before we switched to Radzen was significantly higher.</span>
<span Style="font-weight: 300" class="rz-m-0 rz-text-tertiary-color">Managing our always-evolving data structures is now much easier and reliable.</span> <span Style="font-weight: 300" class="rz-m-0 rz-text-tertiary-color">Managing our always-evolving data structures is now much easier and reliable.</span>
</RadzenText> </RadzenText>
<RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-mt-4" Gap="1rem" Orientation="Radzen.Orientation.Horizontal"> <RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-mt-4" Gap="1rem" Orientation="Radzen.Orientation.Horizontal">
<RadzenStack Gap="0"> <RadzenStack Gap="0">
<RadzenText Text="Maximilian Rogl" Style="font-weight: 600" TextStyle="Radzen.Blazor.TextStyle.H4" TagName="TagName.P" class="rz-m-0 rz-text-secondary-color" /> <RadzenText Text="Maximilian Rogl" Style="font-weight: 600" TextStyle="Radzen.Blazor.TextStyle.H4" TagName="TagName.H5" class="rz-m-0 rz-text-secondary-color" />
<RadzenText Text="Chief Product Owner at adventics GmbH" class="rz-m-0 rz-text-tertiary-color" /> <RadzenText Text="Chief Product Owner at adventics GmbH" class="rz-m-0" />
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
</RadzenStack> </RadzenStack>
@@ -538,8 +538,8 @@
<RadzenLink Path="https://www.radzen.com" title="Create .NET Core web applications fast & easy" target="_blank"><img alt="Easier than you think" src="images/easier-than-you-think.svg" /></RadzenLink> <RadzenLink Path="https://www.radzen.com" title="Create .NET Core web applications fast & easy" target="_blank"><img alt="Easier than you think" src="images/easier-than-you-think.svg" /></RadzenLink>
<p class="rz-mt-12"> <p class="rz-mt-12">
Radzen Blazor Components, &copy; 2018-2026 Radzen.<br /> Radzen Blazor Components, &copy; 2018-2026 Radzen.<br />
<RadzenLink Path="https://github.com/radzenhq/radzen-blazor" Text="Source Code" target="_blank" /> licensed under <RadzenLink Path="https://github.com/radzenhq/radzen-blazor" Text="Source Code" target="_blank" class="rz-color-primary-light" /> licensed under
<RadzenLink Path="https://github.com/radzenhq/radzen-blazor/blob/master/LICENSE" Text="MIT" target="_blank" />. <RadzenLink Path="https://github.com/radzenhq/radzen-blazor/blob/master/LICENSE" Text="MIT" target="_blank" class="rz-color-primary-light" />.
</p> </p>
<Social /> <Social />
</RadzenStack> </RadzenStack>

2
RadzenBlazorDemos/Shared/Anchor.razor
View File

@@ -1,6 +1,6 @@
@inherits Radzen.RadzenComponent @inherits Radzen.RadzenComponent
<a @attributes=@Attributes @onclick=@OnClick @onclick:preventDefault>@ChildContent</a> <a style=@Style @attributes=@Attributes @onclick=@OnClick @onclick:preventDefault>@ChildContent</a>
@code { @code {
[Parameter] [Parameter]
public RenderFragment ChildContent { get; set; } public RenderFragment ChildContent { get; set; }

2
RadzenBlazorDemos/Shared/HomeLayout.razor
View File

@@ -82,7 +82,7 @@
<RadzenLabel Text="Use WCAG compliant colors" Component="WCAG" Title="Use WCAG 2.2 AA compliant color swatches" /> <RadzenLabel Text="Use WCAG compliant colors" Component="WCAG" Title="Use WCAG 2.2 AA compliant color swatches" />
<RadzenButton Icon="info" Variant="Variant.Text" ButtonStyle="ButtonStyle.Base" Size="ButtonSize.ExtraSmall" @ref="wcagColorsInfo" Click="@(args => WcagColorsTooltip(wcagColorsInfo.Element, new TooltipOptions(){ Position = TooltipPosition.Left, Duration = null, Style = "background: var(--rz-base-900); color: var(--rz-base-100)" }))" /> <RadzenButton Icon="info" Variant="Variant.Text" ButtonStyle="ButtonStyle.Base" Size="ButtonSize.ExtraSmall" @ref="wcagColorsInfo" Click="@(args => WcagColorsTooltip(wcagColorsInfo.Element, new TooltipOptions(){ Position = TooltipPosition.Left, Duration = null, Style = "background: var(--rz-base-900); color: var(--rz-base-100)" }))" />
</RadzenStack> </RadzenStack>
<RadzenSwitch Value="@(ThemeService.Wcag == true)" Name="WCAG" Change="@(ThemeService.SetWcag)" /> <RadzenSwitch Value="@(ThemeService.Wcag ?? true)" Name="WCAG" Change="@(ThemeService.SetWcag)" />
</RadzenStack> </RadzenStack>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.SpaceBetween" Gap="0.5rem" class="rz-mt-5"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.SpaceBetween" Gap="0.5rem" class="rz-mt-5">
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.25rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.25rem">

2
RadzenBlazorDemos/Shared/MainLayout.razor
View File

@@ -132,7 +132,7 @@
<RadzenLabel Text="Use WCAG compliant colors" Component="WCAG" Title="Use WCAG 2.2 AA compliant color swatches" /> <RadzenLabel Text="Use WCAG compliant colors" Component="WCAG" Title="Use WCAG 2.2 AA compliant color swatches" />
<RadzenButton Icon="info" Variant="Variant.Text" ButtonStyle="ButtonStyle.Base" Size="ButtonSize.ExtraSmall" @ref="wcagColorsInfo" Click="@(args => WcagColorsTooltip(wcagColorsInfo.Element, new TooltipOptions(){ Position = TooltipPosition.Left, Duration = null, Style = "background: var(--rz-base-900); color: var(--rz-base-100)" }))" /> <RadzenButton Icon="info" Variant="Variant.Text" ButtonStyle="ButtonStyle.Base" Size="ButtonSize.ExtraSmall" @ref="wcagColorsInfo" Click="@(args => WcagColorsTooltip(wcagColorsInfo.Element, new TooltipOptions(){ Position = TooltipPosition.Left, Duration = null, Style = "background: var(--rz-base-900); color: var(--rz-base-100)" }))" />
</RadzenStack> </RadzenStack>
<RadzenSwitch Value="@(ThemeService.Wcag == true)" Name="WCAG" Change="@(ThemeService.SetWcag)" /> <RadzenSwitch Value="@(ThemeService.Wcag ?? true)" Name="WCAG" Change="@(ThemeService.SetWcag)" />
</RadzenStack> </RadzenStack>
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.SpaceBetween" Gap="0.5rem" class="rz-mt-5"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.SpaceBetween" Gap="0.5rem" class="rz-mt-5">
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.25rem"> <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.25rem">

2
RadzenBlazorDemos/Shared/NavigationItem.razor
View File

@@ -9,7 +9,7 @@ else
<RadzenPanelMenuItem @bind-Expanded=@Example.Expanded Text="@Example.Name" Path="@GetUrl()" Icon="@Example.Icon" aria-label="@Example.Name" ChildContent="@ChildContent"> <RadzenPanelMenuItem @bind-Expanded=@Example.Expanded Text="@Example.Name" Path="@GetUrl()" Icon="@Example.Icon" aria-label="@Example.Name" ChildContent="@ChildContent">
<Template> <Template>
@Example.Name @Example.Name
<RadzenBadge Text="Updated" Visible=@Example.Updated BadgeStyle="BadgeStyle.Info"/> <RadzenBadge Text="Upd" Visible=@Example.Updated BadgeStyle="BadgeStyle.Info"/>
<RadzenBadge Text="New" Visible=@Example.New BadgeStyle="BadgeStyle.Success"/> <RadzenBadge Text="New" Visible=@Example.New BadgeStyle="BadgeStyle.Success"/>
<RadzenBadge Text="Pro" Visible=@Example.Pro BadgeStyle="BadgeStyle.Danger"/> <RadzenBadge Text="Pro" Visible=@Example.Pro BadgeStyle="BadgeStyle.Danger"/>
</Template> </Template>

4
RadzenBlazorDemos/wwwroot/css/site.css
View File

@@ -402,8 +402,8 @@ svg.illustration {
.demos-sidebar .rz-panel-menu .rz-badge { .demos-sidebar .rz-panel-menu .rz-badge {
margin-inline-start: 0.5rem; margin-inline-start: 0.5rem;
font-size: 9px; font-size: 11px;
line-height: 12px; line-height: 13px;
} }
/* API Reference Sidebar */ /* API Reference Sidebar */