Fix subtitle redundancy, PascalCase names, and duplicate H1s across demo pages

Remove redundant "Blazor X component" prefixes from ~49 page subtitles,
rewrite ~27 subtitles that used <strong>/PascalCase class names to natural
language, and fix 3 DataGrid sub-pages with duplicate "DataGrid" in H1s.
This commit is contained in:
Atanas Korchev
2026-03-03 17:57:33 +02:00
parent 72092ae6b9
commit 3a2feea8d0
124 changed files with 331 additions and 335 deletions

View File

@@ -38,10 +38,13 @@ public class SitemapController : Controller
var pages = GetBlazorPages();
foreach (var page in pages)
{
var priority = page == "/" ? "1.0"
: page.Count(c => c == '/') <= 1 ? "0.8"
: "0.6";
sb.AppendLine(" <url>");
sb.AppendLine($" <loc>{BaseUrl}{page}</loc>");
sb.AppendLine(" <changefreq>weekly</changefreq>");
sb.AppendLine(" <priority>0.8</priority>");
sb.AppendLine($" <priority>{priority}</priority>");
sb.AppendLine(" </url>");
}

View File

@@ -3,12 +3,10 @@
@using Radzen.Blazor
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
AIChat
Blazor AIChat
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The component requires the <strong>IAIChatService</strong> to be registered in your application, please use our demos source for reference.
This service supports any OpenAI-compatible endpoint, including OpenAI, Azure OpenAI, Cloudflare AI, and other compatible providers.
For WebAssembly applications, you'll need to use a server-side proxy endpoint since browsers cannot make direct requests to external APIs due to CORS restrictions, refer to AIChatController.
A conversational AI chat interface for building intelligent assistants and chatbot experiences.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/accordion"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Accordion
Blazor Accordion
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor Accordion component.
Single or multiple expand modes, dynamic items, and expand/collapse events.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/alert"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Alert
Blazor Alert
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Alert</strong> component.
Configurable severity levels, styles, shades, and variants for displaying important messages.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/appearance-toggle"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
AppearanceToggle
Blazor AppearanceToggle
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Radzen Blazor <strong>AppearanceToggle</strong> is a button that allows the end user to toggle the application appearance between two preset themes.
A toggle button for switching application appearance between two preset themes, such as light and dark.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -3,7 +3,7 @@
Radzen Blazor Arc Gauge
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>ArcGauge</strong> component.
Display values on a circular arc scale with configurable ranges.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/autocomplete"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
AutoComplete
Blazor AutoComplete
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>AutoComplete</strong> component.
Filtering, templates, custom filter operators, and on-demand data loading.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/badge"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Badge
Blazor Badge
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The Radzen Blazor <strong>Badge</strong> component is a small graphic that displays important information, like a count or label, within a user interface. It's commonly used to draw attention to something or provide visual feedback to the user.
A small graphic for displaying counts, labels, and status indicators with multiple styles and variants.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-mb-8">

View File

@@ -1,9 +1,9 @@
@page "/barcode"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Barcode
Blazor Barcode
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Generate and display 1D barcodes as SVG using <strong>RadzenBarcode</strong>.
Generate and display 1D barcodes as SVG images.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,7 +1,7 @@
@page "/borders"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Borders
Blazor Borders
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Border styles and utility CSS classes.

View File

@@ -1,9 +1,9 @@
@page "/breadcrumb"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
BreadCrumb
Blazor BreadCrumb
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The Radzen Blazor <strong>BreadCrumb</strong> component provides a navigation trail to help users keep track of their location. It consists of a horizontal row of links that represent the levels of the hierarchy that the user has navigated through.
A navigation trail that helps users keep track of their location within the application.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/button"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Button
Blazor Button
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Button</strong> component.
Filled, flat, outlined, and text variants in multiple sizes.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/card-group"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
CardGroup
Blazor CardGroup
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Use the Radzen Blazor <strong>CardGroup</strong> component to visually stick RadzenCards next to each other.
Visually group cards next to each other for organized content display.
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">

View File

@@ -1,10 +1,10 @@
@page "/card"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Card
Blazor Card
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Use the Radzen Blazor <strong>Card</strong> component to display a piece of content, like an image and text. Cards often provide a summary of the content they represent, along with a call-to-action to encourage further user engagement.
Display a piece of content such as an image and text in a contained, styled container.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/carousel"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Carousel
Blazor Carousel
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Carousel</strong> component.
Cycle through content with navigation and paging support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -3,7 +3,7 @@
@using Radzen.Blazor
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Chat
Blazor Chat
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
A modern chat component for multi-participant conversations with support for distinct user identities.

View File

@@ -1,10 +1,10 @@
@page "/checkboxlist"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
CheckBoxList
Blazor CheckBoxList
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>CheckBoxList</strong> component.
Data-binding, orientation, select all, and template support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/checkbox"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
CheckBox
Blazor CheckBox
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>CheckBox</strong> component.
Optional tri-state support and value binding.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/colorpicker"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
ColorPicker
Blazor ColorPicker
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>ColorPicker</strong> component.
HSV and RGBA color selection modes.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -5,7 +5,7 @@
<meta name="description" content="List of colors and utility CSS classes available in Radzen Blazor Components library.">
</HeadContent>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Colors
Blazor Colors
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
List of colors and utility CSS classes.

View File

@@ -1,10 +1,10 @@
@page "/column"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Column
Blazor Column
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The RadzenColumn component is used within a <RadzenLink Text="RadzenRow" Path="/row" /> to create a structured grid layout. Without the <code>RadzenRow</code> component, the <code>RadzenColumn</code> would not be rendered correctly.
Used within a row to create a structured, responsive 12-column grid layout.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/comparevalidator"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
CompareValidator
Blazor CompareValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>CompareValidator</strong> component.
Compares user input against a predefined value or another component.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/contextmenu"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
ContextMenu
Blazor ContextMenu
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>ContextMenu</strong> component.
Items, custom content, and HTML element support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/customvalidator"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
CustomValidator
Blazor CustomValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>CustomValidator</strong> component.
Implement custom validation logic with flexible validation rules.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/dataannotationvalidator"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataAnnotationValidator
Blazor DataAnnotationValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>DataAnnotationValidator</strong> component.
Model-based validation using data annotation attributes.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/datafilter"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataFilter
Blazor DataFilter
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Filter Entity Framework <strong>IQueryable</strong> without extra code.
Filter Entity Framework data sources without writing extra code.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -4,10 +4,7 @@
DataGrid <strong>Column Picker</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Enable default column picker by setting the <strong>AllowColumnPicking</strong> grid property to true.
You can disable picking for specific columns by setting their <strong>Pickable</strong> property to false.
The example below also sets <strong>ColumnsPickerAllowFiltering</strong> on the grid to make picking columns easier.
Use <strong>QueryOnlyVisibleColumns</strong> to tell the grid to only include currently visible columns in the IQueryable query.
Enable a built-in column picker that lets users show or hide columns interactively.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Documentation:

View File

@@ -1,7 +1,7 @@
@page "/datagrid-column-reorder"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataGrid <strong>DataGrid Column Reorder</strong>
DataGrid Column Reorder
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Enable column reorder by setting the AllowColumnReorder property to true. Define column initial order using column OrderIndex property.

View File

@@ -4,7 +4,7 @@
DataGrid <strong>Column Template</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The column <strong>Template</strong> allows you to customize the way data is displayed.
Customize the way data is displayed in each column using templates.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
In this demo the DataGrid columns use the <code>Template</code> property to render custom content including images, buttons, links, formatted text, or any Blazor component, giving you complete control over how cell data is displayed.

View File

@@ -1,7 +1,7 @@
@page "/datagrid-conditional-columns-render"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataGrid
Blazor DataGrid
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
When adding Blazor components conditionally they always render at the end.

View File

@@ -4,7 +4,7 @@
DataGrid <strong>Footer Totals</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The <strong>FooterTemplate</strong> column property allows you to display aggregated data in the column footer.
Display aggregated data such as sums and averages in column footers.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -4,7 +4,7 @@
DataGrid <strong>Group Footer Totals</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The <strong>GroupFooterTemplate</strong> column property allows you to display aggregated data in the column footer for each group.
Display aggregated data in column footers for each group.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/datagrid-group-header-template"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataGrid <strong>DataGrid Group Header Template</strong>
DataGrid Group Header Template
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Use <strong>GroupHeaderTemplate</strong> to customize group header rows.
Customize group header rows with templates for enhanced display.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,7 +1,7 @@
@page "/datagrid-grouping-api"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataGrid <strong>DataGrid Grouping API</strong>
DataGrid Grouping API
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Set AllowGrouping="true" to enable group by column and GroupPanelText to localize the group panel text. Set Groupable="false" for column to disable grouping by that column.

View File

@@ -1,7 +1,7 @@
@page "/datagrid"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataGrid
Blazor DataGrid
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Display tabular data with ease. Perform paging, sorting and filtering through Entity Framework without extra code.

View File

@@ -1,10 +1,10 @@
@page "/datagrid-performance"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataGrid
Blazor DataGrid
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
This demo shows RadzenDataGrid can handle large amounts of data (~50,000 rows) without any performance issues.
This demo shows the DataGrid can handle large amounts of data (~50,000 rows) without any performance issues.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/datalist-loaddata"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataList
Blazor DataList
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor DataList component using LoadData event.
Custom data-binding via the LoadData event.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/datalist"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DataList
Blazor DataList
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor DataList component.
Display collections with paging and templates.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/datepicker"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DatePicker
Blazor DatePicker
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>DatePicker</strong> component.
Calendar mode, time picker, and date range support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/dialog"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Dialog
Blazor Dialog
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor Dialog component.
Inline, confirm, alert, side, and busy dialog modes.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -5,7 +5,7 @@
<meta name="description" content="Display styles and utility CSS classes available in Radzen Blazor Components library.">
</HeadContent>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Display
Blazor Display
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Display utility CSS classes can be used to control the display value of UI elements and components.

View File

@@ -1,10 +1,10 @@
@page "/dropdown-datagrid"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DropDownDataGrid
Blazor DropDownDataGrid
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>DropDownDataGrid</strong> component.
DropDown with columns and multiple selection support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/dropdown"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
DropDown
Blazor DropDown
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>DropDown</strong> component.
Single selection, templates, and filtering support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -4,7 +4,7 @@
Radzen Blazor DropZone
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>DropZone</strong> component.
Blazor DropZone component for drag-and-drop interactions between zones.
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1">

View File

@@ -1,9 +1,9 @@
@page "/emailvalidator"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
EmailValidator
Blazor EmailValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>EmailValidator</strong> component.
Validate email address input with configurable error messages.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -8,7 +8,7 @@
FAB Menu
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
<strong>RadzenFabMenu</strong> provides quick access to multiple actions, expanding from a single floating action button to reduce clutter and improve discoverability.
Provides quick access to multiple actions through a floating menu button.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -8,7 +8,7 @@
FAB - Floating Action Button
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
<strong>RadzenFab</strong> (Floating Action Button) helps highlight your app's most important action. Always visible and easy to customize, it keeps key functionality just a tap or click away.
A floating action button that highlights your app's most important action.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/fieldset"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Fieldset
Blazor Fieldset
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Fieldset</strong> component.
Group related form elements with a legend.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/fileinput"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
FileInput
Blazor FileInput
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>FileInput</strong> component.
File input with preview and byte array support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/form-field"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
FormField
Blazor FormField
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Radzen Blazor <strong>FormField</strong> component features a floating label effect. When the user focuses on an empty input field, the label floats above, providing a visual cue as to which field is being filled out. This can help improve the layout and overall user experience of your forms.
Features a floating label effect, helper text, validation messages, and multiple input variants.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/googlemap"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
GoogleMap
Blazor GoogleMap
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>GoogleMap</strong> component. The component will work properly only if ApiKey and MapId are set, the key used in this demo is limited to radzen.com. Check these articles to know more on how to obtain ApiKey and MapId:
Blazor Google Map component for embedding interactive maps.
<RadzenLink Path="https://developers.google.com/maps/documentation/javascript/get-api-key" />
<RadzenLink Path="https://developers.google.com/maps/documentation/get-map-id" />
</RadzenText>

View File

@@ -1,10 +1,10 @@
@page "/gravatar"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Gravatar
Blazor Gravatar
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Gravatar</strong> component.
Display user avatars based on email address.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/html-editor"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
HtmlEditor
Blazor HtmlEditor
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>HtmlEditor</strong> component.
HTML editor with built-in formatting tools and image upload.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/icon"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Icon
Blazor Icon
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Icon</strong> component.
Material Icons and custom icon font support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/image"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Image
Blazor Image
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Image</strong> component.
Display images from assets, URLs, base64, or binary data.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/label"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Label
Blazor Label
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Label</strong> component.
Associate descriptive text labels with form inputs for better accessibility and usability.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -5,12 +5,10 @@
}
</style>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Layout
Blazor Layout
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
<strong>RadzenLayout</strong> allows you to define the global layout of your application (usually used in MainLayout.razor).
It has header, sidebar, body and footer sections which correspond to the <code>RadzenHeader</code>, <code>RadzenSidebar</code>, <code>RadzenBody</code> and <code>RadzenFooter</code> components.
Sections are optional and can be omitted.
Define the global layout of your application with header, sidebar, body, and footer regions.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/lengthvalidator"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
LengthValidator
Blazor LengthValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>LengthValidator</strong> component.
Enforce minimum and maximum text length on form inputs.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/link"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Link
Blazor Link
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Link</strong> component. Use <code>Path</code> and <code>Target</code> properties to specify Link component navigation.
Navigation with Path and Target properties.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/listbox"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
ListBox
Blazor ListBox
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>ListBox</strong> component.
Single and multiple selection, filtering, and virtualization.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/login"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Login
Blazor Login
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Login</strong> component.
Configurable form fields, events, and layout options.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/markdown"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Markdown
Blazor Markdown
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Markdown</strong> component.
Use Radzen Blazor Markdown component to render markdown content.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/mask"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Mask
Blazor Mask
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Mask</strong> component.
Formatted text input with predefined patterns.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/media-query"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
MediaQuery
Blazor MediaQuery
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>MediaQuery</strong> component.
Respond to browser viewport size changes using CSS media queries. Perfect for responsive Blazor apps.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/menu"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Menu
Blazor Menu
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Menu</strong> component.
Horizontal and vertical orientation with dropdown support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/notification"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Notification
Blazor Notification
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Notification</strong> component.
Severity levels, positions, and custom content.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/numeric"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Numeric
Blazor Numeric
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Numeric</strong> component.
Numeric textbox with min/max values, step, and formatted display.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/numericrangevalidator"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
NumericRangeValidator
Blazor NumericRangeValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>NumericRangeValidator</strong> component.
Enforce minimum and maximum numeric values on form inputs.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -5,7 +5,7 @@
<meta name="description" content="Overflow styles and utility CSS classes available in Radzen Blazor Components library.">
</HeadContent>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Overflow
Blazor Overflow
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Overflow utility CSS classes can be used to control the overflow of content within elements.

View File

@@ -1,10 +1,10 @@
@page "/pager"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Pager
Blazor Pager
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Pager</strong> component.
Configurable page sizes and density options.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/panelmenu"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
PanelMenu
Blazor PanelMenu
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>PanelMenu</strong> component.
Expandable items and display style options.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/panel"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Panel
Blazor Panel
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Panel</strong> component.
Group content with collapsible support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/password"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Password
Blazor Password
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Password</strong> component.
Password textbox with auto-complete control and placeholder.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/picklist"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
PickList
Blazor PickList
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Use Radzen Blazor <strong>PickList</strong> component to transfer items between two collections.
Transfer items between two collections with an intuitive dual-list interface.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -3,10 +3,10 @@
<PageTitle>Pivot DataGrid - Radzen Blazor Components</PageTitle>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
PivotDataGrid
Blazor PivotDataGrid
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The <strong>RadzenPivotDataGrid</strong> component allows you to create cross-tabulation tables for analyzing large datasets.
Create cross-tabulation tables for analyzing large datasets with aggregation, drill-down, and grouping.
</RadzenText>
<RadzenText TextStyle="TextStyle.Body2" class="rz-my-6">
This example demonstrates full pivot table functionality with columns, rows, and aggregates.

View File

@@ -1,10 +1,10 @@
@page "/popup"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Popup
Blazor Popup
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Popup</strong> component.
Display content in a floating overlay.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/profile-menu"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
ProfileMenu
Blazor ProfileMenu
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>ProfileMenu</strong> component.
User navigation with avatar and dropdown menu.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/progressbarcircular"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
ProgressBarCircular
Blazor ProgressBarCircular
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>ProgressBarCircular</strong> component.
Circular progress bar with determinate and indeterminate modes and size options.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/progressbar"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
ProgressBar
Blazor ProgressBar
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>ProgressBar</strong> component.
Determinate and indeterminate progress indication modes.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/qrcode"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
QRCode
Blazor QRCode
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Generate and display QR codes as SVG using <strong>RadzenQRCode</strong>.
Generate and display QR codes as SVG images.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -3,7 +3,7 @@
Radzen Blazor Radial Gauge
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>RadialGauge</strong> component.
Display values on a circular dial with configurable scales.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/radiobuttonlist"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
RadioButtonList
Blazor RadioButtonList
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>RadioButtonList</strong> component.
Data-binding, orientation, and null value support.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/rating"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Rating
Blazor Rating
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Rating</strong> component.
Configurable stars, disabled, and read-only modes.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/regexvalidator"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
RegexValidator
Blazor RegexValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>RegexValidator</strong> component.
Pattern-based input validation using regular expressions.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/requiredvalidator"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
RequiredValidator
Blazor RequiredValidator
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>RequiredValidator</strong> component.
Enforce mandatory field input with configurable error messages.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,7 +1,7 @@
@page "/ripple"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Ripple
Blazor Ripple
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Apply the ripple effect to various UI elements.

View File

@@ -1,10 +1,10 @@
@page "/row"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Row
Blazor Row
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The <code>RadzenRow</code> component is used to create a row in a responsive grid layout. It is primarily used in conjunction with <RadzenLink Text="RadzenColumn" Path="/column" /> component, but can also be used with other Radzen components, such as RadzenCard, to create responsive, visually appealing layouts.
Create a row in a responsive grid layout that arranges columns horizontally.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,9 +1,9 @@
@page "/scheduler"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Scheduler
Blazor Scheduler
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Scheduler</strong> component.
Daily, weekly, and monthly views for event scheduling.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/security-code"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
SecurityCode
Blazor SecurityCode
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>SecurityCode</strong> component.
Multi-digit code input for verification workflows.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/selectbar"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
SelectBar
Blazor SelectBar
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>SelectBar</strong> component.
Single and multiple selection with icons and templates.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,7 +1,7 @@
@page "/shadows"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Shadows
Blazor Shadows
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Shadow styles and utility CSS classes.

View File

@@ -5,7 +5,7 @@
<meta name="description" content="Sizing styles and utility CSS classes for width and height available in Radzen Blazor Components library.">
</HeadContent>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Sizing
Blazor Sizing
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Sizing utility CSS classes for width and height can be used to control the overall layout of elements.

View File

@@ -6,11 +6,10 @@
</HeadContent>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Skeleton
Blazor Skeleton
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
The <code>RadzenSkeleton</code> component is used to display loading placeholders while content is being loaded.
It supports different shapes and animation types that can be combined independently.
Display loading placeholders with various shapes and animations while content loads.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/slider"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Slider
Blazor Slider
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Slider</strong> component.
Range selection, step, and vertical orientation.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -5,7 +5,7 @@
<meta name="description" content="Spacing styles and utility CSS classes for margin and padding available in Radzen Blazor Components library.">
</HeadContent>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Spacing
Blazor Spacing
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Spacing utility CSS classes for margin and padding can be used in combination to control the overall layout of elements.

View File

@@ -1,10 +1,10 @@
@page "/speechtotextbutton"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
SpeechToTextButton
Blazor SpeechToTextButton
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>SpeechToTextButton</strong> component.
Voice-to-text input using browser speech recognition.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/splitbutton"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
SplitButton
Blazor SplitButton
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>SplitButton</strong> component.
Primary action button with a dropdown menu for additional options.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,10 +1,10 @@
@page "/splitter"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Splitter
Blazor Splitter
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Demonstration and configuration of the Radzen Blazor <strong>Splitter</strong> component.
Create resizable split layouts with adjustable panes.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

View File

@@ -1,7 +1,7 @@
@page "/stack"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Stack
Blazor Stack
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
A stack layout is a way of arranging elements in a vertical or horizontal stack.

View File

@@ -1,10 +1,10 @@
@page "/steps"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
Steps
Blazor Steps
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
Use Radzen Blazor <strong>Steps</strong> component to guide users through a process or sequence of actions. The component consists of a series of numbered steps that represent the various stages of the process.
Guide users through a process with numbered steps representing each stage.
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">

Some files were not shown because too many files have changed in this diff Show More