Namespace Radzen.Blazor

Classes

AppointmentData

Represents an appointment in RadzenScheduler<TItem>

ChatMessage

Represents a chat message in the RadzenAIChat component.

ChatUser

Represents a chat participant in the RadzenChat component.

FormFieldContext

Represents the context of the form field.

GaugeBase

Class GaugeBase. Implements the RadzenComponent

RadzenAIChat

RadzenAIChat component that provides a modern chat interface with AI integration and conversation memory.

An accordion component that displays collapsible content panels with only one or multiple panels expanded at a time. RadzenAccordion organizes content into expandable sections, saving vertical space while keeping all content accessible. Ideal for FAQs, settings panels, grouped content, or any scenario where showing all content at once would be overwhelming. Features single/multiple expand control, optional icons in panel headers, programmatic control via SelectedIndex two-way binding, Expand and Collapse event callbacks, keyboard navigation (Arrow keys, Space/Enter, Home/End), and disabled item support. By default, only one panel can be expanded at a time (Multiple = false). Set Multiple = true to allow multiple panels to be expanded simultaneously.

RadzenAccordionItem

Class RadzenAccordionItem.

RadzenAlert

An alert/notification box component for displaying important messages with semantic colors and optional close functionality. RadzenAlert provides contextual feedback messages for Success, Info, Warning, Error, and other notification scenarios. Supports semantic styles (Info, Success, Warning, Danger) for contextual coloring, variants (Filled, Flat, Outlined, Text), automatic contextual icons or custom icons via Icon property, optional close button via AllowClose for dismissible alerts, sizes (ExtraSmall, Small, Medium, Large), and content via Title/Text properties or rich content via ChildContent. Automatically displays appropriate icons based on AlertStyle (checkmark for Success, warning triangle for Warning, etc.) unless ShowIcon is set to false or a custom Icon is provided.

RadzenAppearanceToggle

Dark or light theme switch. Requires Radzen.Blazor.RadzenAppearanceToggle.ThemeService to be registered in the DI container.

RadzenArcGauge

RadzenArcGaugeScale

RadzenArcGaugeScale component.

RadzenArcGaugeScaleValue

RadzenArcGaugeScaleValue component.

RadzenAreaSeries<TItem>

Renders area series in RadzenChart.

RadzenAutoComplete

An autocomplete text input component that provides real-time suggestions as users type based on a data source. RadzenAutoComplete combines a text input with a suggestion dropdown that filters and displays matching items, enabling quick selection without typing complete values. Features configurable filter operators (Contains, StartsWith, etc.) and case sensitivity, binding to any IEnumerable data source with TextProperty to specify display field, MinLength to require typing before showing suggestions, FilterDelay for debouncing, custom templates for rendering suggestion items, LoadData event for on-demand server-side filtering, textarea-style multiline input support, and option to show all items when field gains focus. Unlike dropdown, allows free-text entry and suggests matching items. The Value is the entered text, while SelectedItem provides access to the selected data object.

RadzenAxisTitle

Represents the title configuration of a AxisBase.

RadzenBadge

A small label component used to display counts, statuses, or short text labels with semantic color coding. RadzenBadge is a compact visual indicator commonly used for notification counts, status indicators, tags, or highlighting important information. Supports multiple styles (Primary, Secondary, Success, Info, Warning, Danger, Light, Dark) for semantic coloring, variants (Filled, Flat, Outlined, Text) for different appearances, and shapes (standard rectangular or pill-shaped via IsPill). Content can be simple text via Text property or custom content via ChildContent. Can be absolutely positioned to overlay other elements (e.g., notification icon with count). Often used inline with text, on buttons (to show counts), or overlaid on icons (notification badges).

RadzenBarOptions

Common configuration of RadzenBarSeries<TItem>.

RadzenBarSeries<TItem>

Renders bar series in RadzenChart.

RadzenBody

RadzenBody component.

RadzenBreadCrumb

A breadcrumb navigation component that displays the current page's location within the application hierarchy. RadzenBreadCrumb shows a trail of links representing the path from the root to the current page, helping users understand their location and navigate back. Provides secondary navigation with items separated by a visual divider (typically ">"), with each item linking to its respective page. Common uses include multi-level navigation indicating current location, e-commerce category navigation (Home > Electronics > Laptops), documentation section paths, and file system or folder navigation. Items are defined using RadzenBreadCrumbItem components as child content. The last item typically represents the current page and is often not clickable.

RadzenBreadCrumbItem

Bread Crumb Item Component

RadzenButton

A clickable button component that supports various visual styles, icons, images, and loading states. RadzenButton provides a consistent and accessible way to trigger actions in your Blazor application. Supports multiple visual variants (Filled, Flat, Outlined, Text), color styles (Primary, Secondary, Success, etc.), and sizes (ExtraSmall, Small, Medium, Large). It can display text, icons, images, or a combination of these. When IsBusy is true, the button shows a loading indicator and becomes disabled.

RadzenCard

A card container component that groups related content with a consistent visual design and optional elevation. RadzenCard provides a versatile styled container for displaying information, images, actions, and other content in a structured format. Supports different visual variants (Filled, Flat, Outlined, Text) that affect the card's appearance. Works well in grid layouts (using RadzenRow/RadzenColumn) or can be stacked vertically. Ideal for grouping related information, creating dashboard widgets, displaying product information, or organizing form sections. Combine with other Radzen components like RadzenImage, RadzenText, and RadzenButton for rich card content.

RadzenCardGroup

RadzenCardGroup component.

RadzenCarousel

A carousel/slideshow component for cycling through content items (images, cards, or custom content) with navigation and paging controls. RadzenCarousel displays one item at a time with automatic or manual advancement and various navigation options. Perfect for image galleries, product showcases, hero sections, or any content that benefits from sequential presentation. Features automatic advancement with configurable interval, Previous/Next buttons with customizable icons and text, dot indicators or page numbers for direct item selection, infinite loop for continuous cycling from last to first item, keyboard control (Arrow keys for navigation, Page Up/Down for first/last), swipe gestures on touch devices, and customization of button styles, pager position (top/bottom/overlay), and navigation visibility. Items are defined using RadzenCarouselItem components. Each item can contain images, text, or complex layouts. Use Auto property to enable automatic cycling, and Interval to control slide duration.

RadzenCarouselItem

RadzenCarouselItem component.

RadzenCategoryAxis

RadzenChart

A versatile chart component for visualizing data through various chart types including line, area, column, bar, pie, and donut series. RadzenChart supports multiple series, customizable axes, legends, tooltips, data labels, markers, and interactive features. Container for one or more chart series components. Each series (RadzenLineSeries, RadzenColumnSeries, RadzenAreaSeries, etc.) defines how data is visualized. Supports Cartesian charts (Line, Area, Column, Bar, StackedColumn, StackedBar, StackedArea with X/Y axes), Pie charts (Pie and Donut series for showing proportions), customization of color schemes/axis configuration/grid lines/legends/tooltips/data labels/markers, interactive click events on series and legend items with hover tooltips, annotations including trend lines/mean/median/mode lines/value annotations, and responsive design that automatically adapts to container size. Series are defined as child components within the RadzenChart. Configure axes using RadzenCategoryAxis and RadzenValueAxis, customize the legend with RadzenLegend, and add tooltips with RadzenChartTooltipOptions.

RadzenChartComponentBase

Base class of components that are rendered inside a RadzenChart.

RadzenChartTooltip

RadzenChartTooltipOptions

Contains RadzenChart tooltip configuration.

RadzenChat

A chat interface component for displaying and sending messages in multi-participant conversations. RadzenChat provides a complete chat UI with message history, user avatars, typing indicators, and message composition. Creates a messaging interface similar to modern chat applications, ideal for customer support chats, team collaboration, messaging features, or AI chatbots. Features multi-user support displaying messages from multiple participants with avatars and names, chronological message list with sender identification, user avatars showing photos or initials with customizable colors, optional "User is typing..." feedback, text input with Send button for new messages, customizable templates for message rendering/empty state/typing indicator, automatic scrolling to newest messages, and message send time stamps. Provide a list of ChatUser objects for participants and ChatMessage objects for message history. Set CurrentUserId to distinguish the current user's messages (typically right-aligned) from others (left-aligned). Handle MessageSent to process new messages (save to database, send to server, etc.).

RadzenCheckBoxListItem<TValue>

RadzenCheckBoxListItem component.

RadzenCheckBoxList<TValue>

A checkbox group component that allows users to select multiple options from a list of choices. RadzenCheckBoxList displays multiple checkboxes with configurable layout, orientation, and data binding, binding to a collection of selected values. Allows multiple selections, unlike radio button lists. The bound value is a collection of all checked items. Supports multiple selection where users can check/uncheck any number of items, data binding via Data property or static item declaration, configurable layout including orientation (Horizontal/Vertical), gap spacing, wrapping, alignment, and justification, custom item templates for complex checkbox content, disabled/read-only items individually or for the entire list, and keyboard navigation (Arrow keys, Space, Enter) for accessibility. The Value property is IEnumerable<TValue> containing all selected item values. Common uses include multi-select filters, preference selections, or feature toggles.

RadzenCheckBox<TValue>

A checkbox input component that supports two-state (checked/unchecked) or tri-state (checked/unchecked/indeterminate) modes. RadzenCheckBox provides data binding, validation, and keyboard accessibility for boolean or nullable boolean values. In two-state mode, the value toggles between true and false. In tri-state mode (TriState = true), the value cycles through false → null → true → false. Supports keyboard interaction (Space/Enter to toggle) and integrates with Blazor EditContext for form validation.

RadzenColorPicker

A color picker component that allows users to select colors through various input methods including color palette, RGB sliders, hex input, and predefined swatches. RadzenColorPicker provides a comprehensive color selection interface with alpha channel support. Displays a button showing the current color. Clicking opens a popup with multiple color selection methods including visual picker (click on hue/saturation gradient to select colors visually), hue/alpha sliders to fine-tune hue and transparency, RGB input to enter specific Red/Green/Blue values (0-255), hex input to enter hex color codes (#RRGGBB or #RRGGBBAA), and predefined swatches for quick selection. The Value is a hex color string (e.g., "#FF0000" for red, "#FF0000AA" for semi-transparent red). Supports alpha channel (transparency) in RGBA format. Use for applications requiring color customization like themes, charts, or design tools.

RadzenColorPickerItem

RadzenColorPickerItem component.

RadzenColumn

A responsive grid column component used within RadzenRow to create flexible, responsive layouts based on a 12-column grid system. RadzenColumn provides breakpoint-specific sizing, offsetting, and ordering capabilities for building adaptive interfaces. Must be used inside a RadzenRow component. The column width is specified as a value from 1-12, representing the number of grid columns to span. Supports responsive design through breakpoint-specific properties including Size for default column width (1-12), SizeXS/SM/MD/LG/XL/XX for breakpoint-specific widths, Offset for number of columns to skip before this column (creates left margin), OffsetXS/SM/MD/LG/XL/XX for breakpoint-specific offsets, Order to control visual order of columns (useful for reordering on different screen sizes), and OrderXS/SM/MD/LG/XL/XX for breakpoint-specific ordering. Columns automatically fill available space when no size is specified, and wrap to new lines when the total exceeds 12.

RadzenColumnOptions

Common configuration of RadzenColumnSeries<TItem>.

RadzenColumnSeries<TItem>

A chart series that displays data as vertical columns (bars) in a RadzenChart. RadzenColumnSeries is ideal for comparing values across categories or showing trends over time with discrete data points. Renders vertical rectangles where the height represents the data value. Multiple column series in the same chart are displayed side-by-side for each category. Supports fill color/stroke color/width customization with individual column colors via Fills/Strokes, dynamic coloring based on value ranges using FillRange and StrokeRange, optional value labels on top of columns, interactive tooltips showing category/value/series name, and click event handling for drill-down scenarios. Use CategoryProperty to specify the X-axis field and ValueProperty for the column height (Y-axis value).

RadzenCompareValidator

A validator component that compares a form input's value against another value or another component's value using a specified comparison operator. RadzenCompareValidator is commonly used for password confirmation, numeric range validation, or ensuring field values match expected criteria. Must be placed inside a RadzenTemplateForm<TItem> and associated with a named input component. Supports various comparison operations (Equal, NotEqual, GreaterThan, LessThan, etc.) via the Operator property. For password confirmation scenarios, set the Value property to the password field and the Component to the confirmation field name. Can react to changes in the comparison value by setting ValidateOnComponentValueChange to true (default).

RadzenComponents

RadzenContent

RadzenContent component.

RadzenContentContainer

RadzenContentContainer component.

RadzenContextMenu

RadzenContextMenu component.

RadzenCustomValidator

A validator component that executes custom validation logic via a user-provided function. RadzenCustomValidator enables complex validation rules that cannot be achieved with built-in validators, such as database checks, cross-field validation, or business rule enforcement. Must be placed inside a RadzenTemplateForm<TItem>. Provides complete flexibility for validation logic by executing a Func<bool> that you define. The validator is valid when the function returns true, invalid when it returns false. Common use cases include uniqueness checks (validating email/username against existing database records), business rules (enforcing domain-specific validation logic), cross-field validation (validating relationships between multiple fields), API validation (checking values against external services), and any complex logic requiring custom code. The Validator function should return true for valid values and false for invalid values. The function is called during form validation, so keep it fast or use async patterns for slow operations.

RadzenDataAnnotationValidator

A validator component that validates form inputs using Data Annotations attributes defined on model properties. RadzenDataAnnotationValidator enables automatic validation based on attributes like [Required], [StringLength], [Range], [EmailAddress], etc. Must be placed inside a RadzenTemplateForm<TItem>. Uses the standard .NET validation attributes from System.ComponentModel.DataAnnotations. Reads all validation attributes on a model property and validates the input accordingly. Benefits include centralized validation (define rules once on the model, use everywhere), support for multiple validation attributes per property, built-in attributes (Required, StringLength, Range, EmailAddress, Phone, Url, RegularExpression, etc.), works with custom ValidationAttribute implementations, and multiple errors joined with MessageSeparator. Ideal when your validation rules are already defined on your data models using data annotations. Automatically extracts error messages from the attributes' ErrorMessage properties.

RadzenDataFilterItem<TItem>

RadzenDataFilterProperty<TItem>

RadzenDataFilterProperty component. Must be placed inside a RadzenDataFilter<TItem>

RadzenDataFilter<TItem>

RadzenDataFilter component.

RadzenDataGridColumn<TItem>

Defines a column in a RadzenDataGrid, specifying how data is displayed, sorted, filtered, and edited. RadzenDataGridColumn supports data binding via Property, custom templates, formatting, sorting, filtering, grouping, aggregation, and inline editing. Must be placed inside a RadzenDataGrid<TItem> within the Columns template. Each column represents one field or computed value from the data source. Features data binding using Property to bind to a data field or Template for custom content, display properties (Title, FormatString, TextAlign, Width, Frozen for locked scrolling), Sortable property enabling/disabling sorting, Filterable property with FilterTemplate for custom filter UI and FilterValue for programmatic filtering, EditTemplate for inline editing with Editable property to control edit permission, GroupProperty for hierarchical data grouping, FooterTemplate with Sum()/Average()/Count() aggregation functions, child columns for multi-level headers, and Visible property with responsive breakpoint properties (visible-sm, visible-md, etc.). Use Template for complete control over cell rendering, or EditTemplate for edit mode cells.

RadzenDataGridFilterMenu<TItem>

RadzenDataGridFooterCell<TItem>

RadzenDataGridGroupFooterCell<TItem>

RadzenDataGridGroupFooterRow<TItem>

RadzenDataGridGroupRow<TItem>

RadzenDataGridHeaderCell<TItem>

RadzenDataGridRow<TItem>

RadzenDataGridRow.

RadzenDataGrid<TItem>

A powerful data grid component for displaying and manipulating tabular data with support for sorting, filtering, paging, grouping, editing, and selection. RadzenDataGrid provides a full-featured table with inline editing, master-detail views, virtualization, export capabilities, and extensive customization options. Supports single/multiple column sorting, simple/advanced filtering, grouping with aggregation, inline/cell editing with validation, and single/multiple row selection with checkbox columns. Features on-demand data loading via LoadData event for server-side operations, export to Excel and CSV formats, column/row templates, group headers/footers, and density modes (Default/Compact) for responsive layouts. The grid can work with in-memory collections or load data on-demand from APIs. Columns are defined using RadzenDataGridColumn components within the Columns template.

RadzenDataListRow<TItem>

RadzenDataList<TItem>

A data list component for displaying collections of items using custom templates, with support for paging and virtualization. RadzenDataList provides a flexible way to render data in cards, tiles, or custom layouts instead of traditional table rows. Ideal when you need more control over item presentation than a traditional table provides. Perfect for product catalogs, image galleries, card-based dashboards, or any non-tabular data display. Supports complete control over item rendering via Template parameter, built-in paging with configurable page size, item wrapping to multiple columns/rows based on container width, efficient rendering for large datasets via virtualization, customizable message or template for empty state when no data exists, and on-demand data loading for server-side paging via LoadData. Use Template to define how each item should be rendered. The template receives the item as @context. Combine with RadzenRow/RadzenColumn for grid-based layouts or RadzenCard for card designs.

RadzenDatePicker<TValue>

A date and time picker component that provides a calendar popup for selecting dates and optional time selection. RadzenDatePicker supports DateTime, DateTime?, DateTimeOffset, DateTimeOffset?, DateOnly, and DateOnly? types with extensive customization options. Displays a text input with a calendar icon button. Clicking opens a popup calendar for date selection. Optional time selection can be enabled via ShowTime property, supporting both 12-hour and 24-hour formats. Supports features like min/max date constraints, disabled dates, initial view configuration, calendar week display, inline calendar mode (always visible), time-only mode, multiple date selection, and culture-specific formatting.

RadzenDayView

Displays the appointments in a single day in RadzenScheduler<TItem>

RadzenDialog

RadzenDonutSeries<TItem>

Renders donut series in RadzenChart.

RadzenDropDownDataGridColumn

RadzenDropDownDataGrid<TValue>

A dropdown component that displays items in a DataGrid within the popup instead of a simple list. RadzenDropDownDataGrid combines dropdown selection with grid features like multiple columns, sorting, filtering, and paging. Ideal when dropdown items have multiple properties you want to display in columns. Instead of showing just one property per item, the grid popup can display multiple columns. Perfect for scenarios like selecting products with columns for Name/SKU/Price/Stock, choosing employees with Name/Department/Email columns, or picking customers with Company/Contact/Location columns. Features full DataGrid with columns/sorting/filtering in the dropdown popup, column definition using RadzenDropDownDataGridColumn, built-in column filtering in the grid, multiple selection with checkboxes, optional paging for large datasets, and custom column templates for rich item display. Define columns as child components to specify what data to show in the grid popup.

RadzenDropDownItem<TValue>

RadzenDropDown<TValue>

A dropdown select component that allows users to choose one or multiple items from a popup list. RadzenDropDown supports data binding, filtering, templates, virtual scrolling, and both single and multiple selection modes. Binds to a data source via the Data property and uses TextProperty and ValueProperty to determine what to display and what value to bind. Supports filtering (with configurable operators and case sensitivity), custom item templates, empty state templates, value templates for the selected item display, and can be configured as editable to allow custom text entry. For multiple selection, set Multiple=true and bind to a collection type.

RadzenDropZoneContainer<TItem>

RadzenDropZoneContainer component.

RadzenDropZoneItem<TItem>

RadzenDropZoneItem component.

RadzenDropZone<TItem>

RadzenDropZone component.

RadzenEmailValidator

A validator component that verifies whether a text input contains a valid email address format. RadzenEmailValidator uses the .NET EmailAddressAttribute to validate email format according to standard rules. Must be placed inside a RadzenTemplateForm<TItem> and associated with a named input component. Checks email format using System.ComponentModel.DataAnnotations.EmailAddressAttribute validation rules. Empty or null values are considered valid - combine with RadzenRequiredValidator to ensure the field is not empty. The validation runs when the form is submitted or when the component loses focus.

RadzenFab

RadzenFab component.

RadzenFabMenu

RadzenFabMenu component.

RadzenFabMenuItem

RadzenFabMenuItem component.

RadzenFieldset

A fieldset container component that groups related form fields with a legend/header and optional collapse functionality. RadzenFieldset provides semantic form grouping with visual borders, useful for organizing complex forms into logical sections. Fieldsets are HTML form elements that semantically group related inputs, improving form structure and accessibility. Features visual and semantic grouping of related form fields, customizable header via Text or HeaderTemplate, optional expand/collapse to hide/show grouped fields, optional icon in the legend, optional summary content shown when collapsed, and screen reader announcement of fieldset legends for grouped fields. Use to organize forms into sections like "Personal Information", "Address", "Payment Details". When AllowCollapse is enabled, users can collapse sections they don't need to see.

RadzenFileInput<TValue>

A file input component that reads selected files and binds their content as base64 strings or byte arrays. RadzenFileInput provides client-side file reading without server upload, ideal for form fields or immediate file processing. Unlike RadzenUpload which sends files to a server, FileInput reads files on the client and binds the content to a property. Useful for form integration (including file content in form models without separate upload), client-side processing (processing files in browser for image preview, parsing, etc.), embedded storage (storing file content in database as base64 or binary), and avoiding server-side upload endpoints when file content is part of form data. Reads the selected file and binds it as TValue = string for base64-encoded data URL (e.g., "data:image/png;base64,iVBORw0K...") or TValue = byte[] for raw binary file content. For image files, automatically shows a preview. Use MaxFileSize to limit file size.

RadzenFooter

RadzenFooter component.

RadzenFormField

A form field container component that wraps input components with labels, icons, helper text, and validation messages. RadzenFormField provides a Material Design-style field layout with floating labels and consistent spacing. Enhances form inputs by adding structure, labels, and supplementary content in a cohesive layout. Features top-aligned or floating labels via Text property, Start/End content for icons or buttons before/after the input (e.g., search icon, clear button), helper text for explanatory text or validation messages below the input, Filled/Outlined/Flat variants matching Material Design, floating labels that animate upward when input is focused or has value, and automatic display of validation messages when used with validators. Compatible with RadzenTextBox, RadzenTextArea, RadzenPassword, RadzenDropDown, RadzenNumeric, RadzenDatePicker, and similar input components. Use Start for leading icons (search, email), End for trailing icons (visibility toggle, clear button).

RadzenGoogleMap

RadzenGoogleMap component.

RadzenGoogleMapMarker

RadzenGoogleMapMarker component.

RadzenGravatar

A Gravatar avatar component that displays a user's profile image from Gravatar.com based on their email address. RadzenGravatar automatically fetches and displays the globally recognized avatar associated with an email. Gravatar (Globally Recognized Avatar) is a service that associates profile images with email addresses. Fetches avatar using MD5 hash of email address, requires no storage or management of avatar images, shows default retro-style avatar if email has no Gravatar, features configurable pixel dimensions, and uses secure.gravatar.com to retrieve images. Generates a Gravatar URL from the email and displays it as an image. If the email doesn't have a Gravatar account, a retro-style default avatar is shown. Commonly used in user profiles, comment sections, or anywhere user identity is displayed.

RadzenGridLines

Grid line configuration of IChartAxis.

RadzenGridRow

RadzenHeader

RadzenHeader component.

RadzenHeading

RadzenHeading component.

RadzenHtml

RadzenHtml component.

RadzenHtmlEditor

A rich text HTML editor component with WYSIWYG editing, formatting toolbar, image upload, and custom tool support. RadzenHtmlEditor provides a full-featured editor for creating and editing formatted content with a Microsoft Word-like interface. Allows users to create rich formatted content without knowing HTML. Features WYSIWYG (what-you-see-is-what-you-get) visual editing interface, formatting tools (bold, italic, underline, font selection, colors, alignment, lists, links, images), built-in image upload with configurable upload URL, custom toolbar buttons via RadzenHtmlEditorCustomTool, toggle between visual editing and HTML source code view, paste filtering to remove unwanted HTML when pasting from other sources, and programmatic execution of formatting commands via ExecuteCommandAsync(). The Value property contains HTML markup. Use UploadUrl to configure where images are uploaded. Add custom tools for domain-specific functionality like inserting templates or special content.

RadzenHtmlEditorAlignCenter

A RadzenHtmlEditor tool which centers the selection.

RadzenHtmlEditorAlignLeft

A RadzenHtmlEditor tool which aligns the selection to the left.

RadzenHtmlEditorAlignRight

A RadzenHtmlEditor tool which aligns the selection to the right.

RadzenHtmlEditorBackground

A RadzenHtmlEditor tool which sets the background color of the selection.

RadzenHtmlEditorBackgroundItem

Adds a custom color to RadzenHtmlEditorBackground.

RadzenHtmlEditorBold

A RadzenHtmlEditor tool which bolds the selection.

RadzenHtmlEditorColor

A RadzenHtmlEditor tool which sets the text color of the selection.

RadzenHtmlEditorColorItem

Adds a custom color to RadzenHtmlEditorColor.

RadzenHtmlEditorCommandState

Represents the state of various commands available in the Radzen HTML editor. Used to track the status of editor commands such as formatting, undo/redo, and text alignment.

RadzenHtmlEditorCustomTool

A custom tool in RadzenHtmlEditor

RadzenHtmlEditorFontName

A tool which changes the font of the selected text.

RadzenHtmlEditorFontNameItem

Adds a custom font to a RadzenHtmlEditorFontName.

RadzenHtmlEditorFontSize

A tool which changes the font size of the selected text.

RadzenHtmlEditorFormatBlock

A tool which changes the style of a the selected text by making it a heading or paragraph.

RadzenHtmlEditorImage

A tool which inserts and uploads images in a RadzenHtmlEditor.

RadzenHtmlEditorIndent

A RadzenHtmlEditor tool which indents the selection.

RadzenHtmlEditorItalic

A RadzenHtmlEditor tool which makes the selection italic.

RadzenHtmlEditorJustify

A RadzenHtmlEditor tool which justifies the selection.

RadzenHtmlEditorLink

A tool which creates links from the selection of a RadzenHtmlEditor.

RadzenHtmlEditorOrderedList

A RadzenHtmlEditor tool which inserts an ordered list (ol).

RadzenHtmlEditorOutdent

A RadzenHtmlEditor tool which outdents the selection.

RadzenHtmlEditorRedo

A RadzenHtmlEditor tool which repeats the last undone command.

RadzenHtmlEditorRemoveFormat

A RadzenHtmlEditor tool which removes the styling of the selection.

RadzenHtmlEditorSeparator

A RadzenHtmlEditor visual separator.

RadzenHtmlEditorSource

A tool which switches between rendered and source views in RadzenHtmlEditor.

RadzenHtmlEditorStrikeThrough

A RadzenHtmlEditor tool which applies "strike through" styling to the selection.

RadzenHtmlEditorSubscript

A RadzenHtmlEditor tool which formats the selection as subscript.

RadzenHtmlEditorSuperscript

A RadzenHtmlEditor tool which formats the selection as superscript.

RadzenHtmlEditorUnderline

A RadzenHtmlEditor tool which underlines the selection.

RadzenHtmlEditorUndo

A RadzenHtmlEditor tool which reverts the last edit operation.

RadzenHtmlEditorUnlink

A RadzenHtmlEditor tool which removes a link.

RadzenHtmlEditorUnorderedList

A RadzenHtmlEditor tool which inserts a bullet list (ul).

RadzenIcon

An icon component that displays icons from the Material Symbols font (2,500+ icons included). RadzenIcon provides a simple way to add scalable vector icons to your Blazor application without external dependencies. Uses the embedded Material Symbols Outlined variable font to render icons as text glyphs, providing benefits including no HTTP requests for icon files (icons are part of the font), vector-based icons that scale perfectly at any size, text color inheritance with coloring via IconColor or CSS, access to 2,500+ Material Symbols icons, and support for Outlined (default), Filled, Rounded, and Sharp variants via IconStyle. Icon names use underscores (e.g., "home", "account_circle", "check_circle"). See Material Symbols documentation for the full icon list.

RadzenImage

An image display component that renders images from various sources including URLs, base64 data, or application assets. RadzenImage provides a simple wrapper for HTML img elements with click event support and alternate text for accessibility. Can display images from file paths (relative or absolute URLs to image files), external URLs (full HTTP/HTTPS URLs to remote images), base64 data (data URLs with embedded image data, e.g., from file uploads or database BLOBs), and application assets (images from wwwroot or other application folders). Use AlternateText to provide descriptive text for screen readers and when images fail to load. The Click event can be used to make images interactive (e.g., opening lightboxes or navigating). Combine with CSS (via Style or class attributes) for sizing, borders, shadows, and other visual effects.

RadzenLabel

A label component for associating descriptive text with form input components. RadzenLabel creates accessible labels linked to input fields via the HTML for/id relationship. Provides descriptive text for form inputs, improving usability and accessibility. When properly associated with an input (via the Component property), clicking the label focuses the input. Features association linking to input components via the Component property (matching the input's Name), proper label/input relationships for screen readers, click behavior that focuses the associated input, and content display via Text property or custom content via ChildContent. Always use labels with form inputs for better UX and accessibility compliance. The Component property should match the Name property of the input it describes.

RadzenLayout

A layout container component that defines the overall structure of a Blazor application with header, sidebar, body, and footer sections. RadzenLayout is typically used in MainLayout.razor to create a consistent page structure with optional collapsible sidebar and theme integration. Works with companion components: RadzenHeader, RadzenSidebar, RadzenBody, and RadzenFooter. Automatically integrates with ThemeService to apply theme-specific CSS classes. All sections are optional and can be used in any combination to create the desired page structure. The sidebar can be configured as collapsible, and the layout adjusts automatically when the sidebar expands or collapses.

RadzenLegend

Class RadzenLegend.

RadzenLengthValidator

A validator component that ensures a text input's length falls within a specified minimum and maximum range. RadzenLengthValidator is useful for enforcing username lengths, password complexity, or limiting text field sizes. Must be placed inside a RadzenTemplateForm<TItem> and associated with a named input component. Checks the string length against optional Min and Max constraints. If only Min is set, validates minimum length. If only Max is set, validates maximum length. If both are set, the length must be within the range (inclusive). Null or empty values are considered invalid if Min is set, and valid if only Max is set.

RadzenLineSeries<TItem>

A chart series that displays data as a continuous line connecting data points in a RadzenChart. RadzenLineSeries is ideal for showing trends over time, continuous data, or comparing multiple data series. Connects data points with lines, making it easy to visualize trends and patterns. Supports multiple interpolation modes (straight lines, smooth curves, step functions), customizable appearance (color, width, line style), markers at data points, data labels, combination of multiple line series in one chart for comparison, and line styling with different patterns (solid, dashed, dotted). Use CategoryProperty for the X-axis values and ValueProperty for the Y-axis values. Enable Smooth for curved lines, or use Interpolation for more control over line rendering.

RadzenLink

A hyperlink component for navigation within the application or to external URLs. RadzenLink provides styled links with icon support, active state highlighting, and disabled states. Enables navigation styled according to the application theme. Supports internal navigation using Path for Blazor routing without page reloads, external links opening in same or new window via Target property, automatic highlighting when the current URL matches the link path, optional icon before text via Icon property, alternative icon using custom image via Image property, disabled state that prevents navigation and changes visual appearance, and prefix or exact matching for active state detection. For internal navigation, uses Blazor's NavigationManager for client-side routing. For external URLs, use Target="_blank" to open in a new tab.

RadzenListBoxItem<TValue>

RadzenListBox<TValue>

A list box component that displays a scrollable list of items with single or multiple selection support. RadzenListBox provides an always-visible alternative to dropdowns, ideal for showing multiple options without requiring a popup. Displays all items in a scrollable container, making all options visible at once (unlike dropdowns which hide options in a popup). Supports single selection (default) or multiple selection via Multiple property, built-in search/filter with configurable operators and case sensitivity, binding to any IEnumerable data source with TextProperty and ValueProperty, custom item templates for rich list item content, efficient rendering of large lists via IQueryable support, optional "Select All" checkbox for multiple selection mode, and keyboard navigation (Arrow keys, Page Up/Down, Home/End) for accessibility. Use when you want to show all available options without requiring clicks to open a dropdown, or when multiple selection is needed and checkboxes would take too much space.

RadzenLogin

A pre-built login form component with username/password fields and optional "Remember Me", "Register", and "Reset Password" features. RadzenLogin provides a ready-to-use authentication UI that can be customized with events for login, registration, and password reset flows. Must be placed inside a RadzenTemplateForm<TItem>. Eliminates the need to manually create login forms by providing a complete, styled login interface. Features pre-configured text and password inputs, optional switch for persistent sessions (Remember Me), optional link to registration page/modal, optional link for password recovery (Reset Password), browser password manager integration with autocomplete, customizable labels/button text/layout via parameters, Login/Register/ResetPassword event callbacks for implementing auth logic, and built-in required field validation. Handle the Login event to authenticate users with your backend. Use AllowRegister and AllowResetPassword to show/hide those links based on your auth requirements.

RadzenMarkdown

A markdown rendering component that parses and displays Markdown syntax as formatted HTML. RadzenMarkdown converts Markdown text (headings, lists, links, code blocks, etc.) into rich HTML content with security features. Parses CommonMark-compliant markdown and renders it as HTML. Ideal for documentation, blog posts, README files, or any content authored in Markdown format. Features full support for standard Markdown syntax (headings, bold, italic, lists, links, images, code, blockquotes, tables), optional HTML tag support within markdown with security filtering, dangerous tag filtering (script, iframe, object) to prevent XSS attacks, automatic anchor link creation for headings (configurable depth), control over allowed HTML tags and attributes, and flexible input via child content or Text property. Parses markdown and renders it as Blazor components/HTML for display. Use AllowHtml = false to strictly render only Markdown syntax without any HTML pass-through.

RadzenMarkers

Class RadzenMarkers.

RadzenMask

A masked text input component that enforces a specific format pattern as users type (e.g., phone numbers, dates, credit cards). RadzenMask guides users to enter data in the correct format by automatically formatting input according to a mask pattern. Uses a pattern string where asterisks () represent user-input positions and other characters are literals. As users type, the input is automatically formatted to match the mask. Features mask pattern definition using * for input positions (e.g., "(**) -*" for phone numbers), character filtering via Pattern (regex) to remove invalid characters and CharacterPattern (regex) to specify valid characters, automatic insertion of literal characters (parentheses, dashes, spaces, etc.), and placeholder showing the expected format to guide users. Common uses include phone numbers, dates, credit cards, SSN, postal codes, or any fixed-format data entry. The mask helps prevent input errors and improves data consistency.

RadzenMediaQuery

RadzenMediaQuery fires its Change event when the media query specified via Query matches or not.

RadzenMenu

A horizontal menu component with support for nested submenus, icons, and responsive behavior. RadzenMenu provides a classic menu bar for navigation, typically used in application headers or toolbars. Displays menu items horizontally with dropdown submenus. Supports multi-level nested menus via RadzenMenuItem child items, automatic navigation via Path property or custom Click handlers, icons displayed alongside menu item text, responsive design that automatically collapses to a hamburger menu on small screens (configurable), click-to-open or hover-to-open interaction modes, keyboard navigation (Arrow keys, Enter, Escape) for accessibility, and visual separators between menu items. Use for application navigation bars, command menus, or toolbar-style interfaces. Menu items are defined using RadzenMenuItem components as child content.

RadzenMenuItem

RadzenMenuItem component.

RadzenMenuItemWrapper

RadzenMonthView

Displays the appointments in a month day in RadzenScheduler<TItem>

RadzenMultiDayView

Displays the appointments in a multi-day view in RadzenScheduler<TItem>

RadzenNotification

RadzenNotificationMessage

RadzenNumericRangeValidator

A validator component that ensures a numeric value falls within a specified minimum and maximum range. RadzenNumericRangeValidator is ideal for quantity limits, age restrictions, price ranges, or any bounded numeric input. Must be placed inside a RadzenTemplateForm<TItem>. Ensures values are within acceptable bounds by checking that the value is greater than or equal to Min and less than or equal to Max. Both bounds are inclusive. You can specify just Min to validate minimum value (e.g., age must be at least 18), just Max to validate maximum value (e.g., quantity cannot exceed 100), or both to validate range (e.g., rating must be between 1 and 5). Works with any IComparable type (int, decimal, double, DateTime, etc.). Set AllowNull = true to accept null values as valid (for optional nullable fields).

RadzenNumeric<TValue>

A numeric input component that allows users to enter numbers with optional increment/decrement buttons and value constraints. RadzenNumeric supports various numeric types, formatting, min/max validation, step increments, and culture-specific number display. Provides up/down arrow buttons for incrementing/decrementing the value by a specified step amount. Supports min/max constraints that are enforced during input and stepping, formatted value display using standard .NET format strings, and can be configured with or without the up/down buttons. Handles overflow protection and respects the numeric type's natural limits.

RadzenPager

A pagination component that provides navigation controls for paged data display. RadzenPager displays page numbers, navigation buttons, and optional page size selector for navigating through large datasets. Works standalone or integrated with data components like RadzenDataGrid and RadzenDataList. Provides navigation buttons (First/Previous/Next/Last page with customizable labels and icons), clickable page number buttons with configurable count, optional dropdown to change items per page, summary display ("Page X of Y" or custom summary text), alignment controls (left/center/right) via HorizontalAlign, compact or default spacing density, and ARIA labels for all buttons for accessibility. The PageChanged event provides Skip and Top values for loading the correct page of data. Use Count to specify total items, PageSize for items per page, and PageNumbersCount for visible page buttons.

RadzenPanel

A collapsible panel component with customizable header, content, summary, and footer sections. RadzenPanel provides an expandable/collapsible container for organizing and hiding content, ideal for settings panels, detail sections, or grouped information. Displays content in a structured container with optional collapsing functionality. When AllowCollapse is enabled, users can click the header to toggle the panel's expanded/collapsed state. Supports customizable header via HeaderTemplate/Text/Icon properties, main panel body via ChildContent, optional summary content shown when collapsed (SummaryTemplate), optional footer section (FooterTemplate), Collapsed property with two-way binding for programmatic control, and Expand/Collapse event callbacks. The header displays a collapse/expand icon when AllowCollapse is true, and users can click anywhere on the header to toggle.

RadzenPanelMenu

RadzenPanelMenu component.

RadzenPanelMenuItem

RadzenPanelMenuItem component.

RadzenPassword

A password input component that masks entered characters for secure password entry with autocomplete support. RadzenPassword provides a styled password field with browser autocomplete integration for password managers. Displays entered characters as dots or asterisks to protect sensitive data from shoulder surfing, integrates with browser password managers by setting appropriate autocomplete attributes. Supports data binding, validation, placeholder text, and read-only mode for display purposes. Use within forms for login, registration, password change, or any scenario requiring secure text entry.

RadzenPickList<TItem>

RadzenCard component.

RadzenPieSeries<TItem>

A chart series that displays data as a circular pie chart with segments representing proportions of a whole. RadzenPieSeries is ideal for showing percentage breakdowns, composition analysis, or relative comparisons of parts to a total. Divides a circle into segments where each segment's angle is proportional to its value relative to the sum of all values. Supports segment color customization via Fills, borders via Strokes with custom radius and positioning, TotalAngle to create semi-circles or partial pie charts (e.g., gauge-like displays), StartAngle controlling where the first segment begins, optional labels showing values or percentages on segments, interactive tooltips showing category/value/percentage, and legend where each segment appears as a legend item using category values. Use CategoryProperty for segment labels (shown in legend/tooltip) and ValueProperty for the numeric value determining segment size. For a donut chart (pie with hollow center), use RadzenDonutSeries instead.

RadzenPivotAggregate<TItem>

RadzenPivotAggregate component. Must be placed inside a RadzenPivotDataGrid<TItem>

RadzenPivotColumn<TItem>

RadzenPivotColumn component. Must be placed inside a RadzenPivotDataGrid<TItem>

RadzenPivotDataGrid<TItem>

RadzenPivotDataGrid component for creating pivot tables with cross-tabulation functionality.

RadzenPivotField<TItem>

Base component for RadzenPivotDataGrid Rows, Columns and Aggregates.

RadzenPivotRow<TItem>

RadzenPivotRow component. Must be placed inside a RadzenPivotDataGrid<TItem>

RadzenProfileMenu

RadzenProfileMenu component.

RadzenProfileMenuItem

A menu item component used within RadzenProfileMenu to define individual navigation or action items. RadzenProfileMenuItem represents one clickable item in a profile menu dropdown with support for icons, navigation, and custom content. Used inside RadzenProfileMenu to create user profile dropdown menus. Each item can navigate to a page (via Path), trigger an action (via click event), or display custom content (via Template). Common uses in profile menus include account settings, user profile page, logout/sign out, preferences, and help/documentation. Items support icons, images, text, and custom templates for flexible rendering.

RadzenProgressBar

A linear progress bar component for indicating task completion or ongoing processes. RadzenProgressBar displays progress horizontally with determinate (specific value) or indeterminate (ongoing) modes. Provides visual feedback about the status of lengthy operations like file uploads, data processing, or multi-step workflows. Supports determinate mode showing specific progress value (0-100%) with a filling bar, indeterminate mode with animated bar indicating ongoing operation without specific progress, optional percentage or custom unit value display overlay, configurable Min/Max values for non-percentage scales, various semantic colors (Primary, Success, Info, Warning, Danger), custom template to override default value display, and ARIA attributes for screen reader support. Use determinate mode when you can calculate progress percentage (e.g., file upload, form completion). Use indeterminate mode for operations with unknown duration (e.g., waiting for server response).

RadzenProgressBarCircular

A circular progress indicator component for showing task completion or ongoing processes in a compact circular format. RadzenProgressBarCircular displays progress as a ring with determinate (specific value) or indeterminate (spinning) modes. Space-efficient and works well for dashboards, loading states, or anywhere circular design fits better than linear bars. Inherits all features from RadzenProgressBar and adds circular design showing progress as a ring/arc instead of a linear bar, size options (ExtraSmall, Small, Medium, Large) for different contexts, value display in the center of the circle, and compact design taking less space than linear progress bars. Use for dashboard KPIs, button loading states, or compact loading indicators. The circular shape makes it ideal for displaying progress where space is limited.

RadzenQRCode

A QR code generator component that creates scannable QR codes from text, URLs, or other data as SVG graphics. RadzenQRCode supports extensive customization including colors, shapes, error correction, and embedded logos. Encodes data in a two-dimensional barcode format scannable by smartphones and QR code readers. Generates QR codes entirely client-side as SVG, with no external dependencies. Features data encoding (text, URLs, contact info, WiFi credentials, or any string data), error correction levels (Low, Medium, Quartile, High) for different damage resistance, customization of colors for modules (dots) and background with custom shapes (Square, Rounded, Circle), optional logo/image embedding in the center of the QR code, eye styling to customize the appearance of the three corner finder patterns, and responsive size (percentage or pixel-based) for responsive layouts. Higher error correction levels allow the QR code to remain scannable even when partially damaged or obscured (e.g., by a logo). Use Quartile or High error correction when embedding logos.

RadzenRadialGauge

RadzenRadialGaugeScale

RadzenRadialGaugeScale component.

RadzenRadialGaugeScalePointer

RadzenRadialGaugeScalePointer component.

RadzenRadialGaugeScaleRange

RadzenRadialGaugeScaleRange component.

RadzenRadioButtonListItem<TValue>

RadzenRadioButtonListItem component.

RadzenRadioButtonList<TValue>

A radio button group component that allows users to select a single option from a list of choices. RadzenRadioButtonList displays multiple radio buttons with configurable layout, orientation, and data binding. Presents mutually exclusive options where only one can be selected at a time. Supports data binding via Data property or static item declaration, configurable layout including orientation (Horizontal/Vertical), gap spacing, wrapping, alignment, and justification, custom item templates for complex radio button content, disabled items individually or for the entire list, and keyboard navigation (Arrow keys, Space, Enter) for accessibility. Use for forms where users must choose one option from several, like payment methods, shipping options, or preference settings.

RadzenRating

A star rating input component that allows users to provide ratings by selecting a number of stars. RadzenRating displays an interactive or read-only star rating with configurable number of stars and keyboard accessibility. Displays a row of stars (or other symbols) that users can click to select a rating value. The value is an integer from 0 to the number of stars configured. Common uses include product reviews and ratings, user feedback and satisfaction surveys, content quality indicators, and service ratings. Supports keyboard navigation (arrow keys, Space/Enter) for accessibility. Use ReadOnly mode to display ratings without allowing user input.

RadzenRegexValidator

A validator component that ensures a text input matches a specified regular expression pattern. RadzenRegexValidator is useful for validating formats like ZIP codes, phone numbers, custom IDs, or any pattern-based data. Must be placed inside a RadzenTemplateForm<TItem>. Checks input against a regular expression pattern using .NET's RegularExpressionAttribute. Common use cases include ZIP/postal codes (e.g., "\d{5}" for US ZIP), phone numbers (e.g., "\d{3}-\d{3}-\d{4}"), custom ID formats (e.g., "^[A-Z]{2}\d{6}\("), and alphanumeric constraints (e.g., "^[a-zA-Z0-9]+\)"). The validator passes when the value matches the entire pattern (implicit anchoring). Empty or null values are considered valid - combine with RadzenRequiredValidator to ensure the field is filled.

RadzenRequiredValidator

A validator component that ensures a form input component has a non-empty value. RadzenRequiredValidator verifies that required fields are filled before form submission. Must be placed inside a RadzenTemplateForm<TItem> and associated with a named input component. Checks if the associated component has a value (HasValue returns true) and that the value is not equal to the optional DefaultValue. For text inputs, an empty string is considered invalid. For dropdowns and other components, null or default values are considered invalid. The validation message can be customized via the Text property and displayed inline, as a block, or as a popup depending on the Style property.

RadzenRow

A flexbox row container component that horizontally arranges RadzenColumn components in a responsive 12-column grid layout. RadzenRow provides gap spacing, alignment, and justification controls for creating flexible, responsive page layouts. Serves as a container for RadzenColumn components, creating a horizontal flexbox layout where columns automatically wrap to the next line when their combined Size values exceed 12. Supports Gap and RowGap properties for spacing between columns and wrapped rows, AlignItems for vertical alignment (start, center, end, stretch, baseline), JustifyContent for horizontal distribution (start, center, end, space-between, space-around), and works seamlessly with RadzenColumn's breakpoint-specific sizing. Use AlignItems and JustifyContent from the base RadzenFlexComponent to control layout behavior.

RadzenSSRSViewer

RadzenSSRSViewer component.

RadzenSSRSViewerParameter

RadzenSSRSViewerParameter component.

RadzenSankeyDiagram<TItem>

RadzenSankeyDiagram component.

RadzenScheduler<TItem>

A scheduler component for displaying and managing calendar appointments in multiple view types (day, week, month, year). RadzenScheduler provides a rich calendar interface with drag-and-drop, inline editing, recurring events, and customizable views. Displays time-based events in various calendar views, ideal for appointment booking, event calendars, resource scheduling, or any time-based data visualization. Features multiple views (Day, Week, Month, Year Planner, Year Timeline), drag & drop to move appointments between time slots, resize to adjust appointment duration by dragging edges, inline editing to create and edit appointments directly in the calendar, tooltips for quick info on hover, customizable appointment templates, support for all-day and multi-day events, and timezone-aware appointments. Define data properties using StartProperty, EndProperty, and TextProperty. Add view components (RadzenDayView, RadzenWeekView, RadzenMonthView) as child content.

RadzenSecurityCode

RadzenRating component.

RadzenSelectBarItem

RadzenSelectBarItem component.

RadzenSelectBar<TValue>

A segmented button control component that displays options as a group of connected buttons for single or multiple selection. RadzenSelectBar provides a visually distinct way to select from a limited set of options, commonly used for view modes, filters, or categories. Presents options as a row or column of connected buttons where selected items are highlighted. Ideal when you have 2-7 options and want a more prominent UI than radio buttons or checkboxes. Supports single selection (default) or multiple selection via Multiple property, Horizontal (side-by-side) or Vertical (stacked) button orientation, binding to a data source or static declaration of items, custom item templates with text/icons/images, ExtraSmall/Small/Medium/Large button sizes, disabled items, and keyboard navigation (Arrow keys and Space/Enter) for accessibility. Common uses include view toggles (list/grid), time period selectors (day/week/month), category filters, or any small set of mutually exclusive options.

RadzenSeriesAnnotation<TItem>

Displays a text label for the specified data item from the series.

RadzenSeriesDataLabels

Displays the series values as text labels.

RadzenSeriesMeanLine

Displays the mean of a chart series.

RadzenSeriesMedianLine

Displays the median of a chart series.

RadzenSeriesModeLine

Displays the mode of a chart series.

RadzenSeriesTrendLine

Displays the trend of a chart series.

RadzenSeriesValueLine

RadzenSidebar

A collapsible sidebar component for application navigation, typically used within RadzenLayout. RadzenSidebar provides a navigation panel that can be toggled open/closed and responds to screen size changes. Commonly used in application layouts for primary navigation menus. Features responsive design (automatically collapses on mobile devices and expands on desktop, configurable), positioning on Left/Right/Start/End of the layout, full height option to span entire layout height or align with body section only, programmatic expand/collapse via Expanded property or Toggle() method, seamless integration with RadzenLayout/RadzenHeader/RadzenBody/RadzenFooter, and typically contains RadzenPanelMenu or RadzenMenu for navigation. Must be used inside RadzenLayout to enable responsive behavior and proper layout integration. Use @bind-Expanded for two-way binding to control sidebar state from code.

RadzenSidebarToggle

RadzenSidebarToggle component.

RadzenSkeleton

A skeleton screen component that displays placeholder shapes while content is loading. RadzenSkeleton provides subtle loading states that match content structure, improving perceived performance. Shows gray placeholder shapes that mimic the structure of the content being loaded, providing better UX than spinners by showing users the approximate layout before content appears, making loading feel faster with immediate feedback, and reducing anxiety through progressive disclosure. Supports multiple shapes including Text (horizontal bars for text lines, default), Circle (circular placeholders for avatars or icons), and Rectangle (rectangular blocks for images or cards). Animations (None, Pulse, Wave) can be applied for additional loading feedback. Use multiple skeletons to represent the full structure of your loading content.

RadzenSlider<TValue>

A slider component for selecting numeric values by dragging a handle along a track. RadzenSlider supports single value selection or range selection (min/max) with horizontal or vertical orientation. Provides an intuitive way to select numeric values within a range, especially useful when the exact value is less important than the approximate position, you want to show the valid range visually, or the input should be constrained to specific increments. Features single value or min/max range selection, Horizontal (default) or Vertical layout, Min/Max values defining the selectable range, Step property controlling value granularity, colored track showing selected portion for visual feedback, Arrow key support for precise adjustment, and drag gestures on mobile devices. For range selection, set Range=true and bind to IEnumerable<TValue> (e.g., IEnumerable<int>) for min/max values. Common uses include price filters, volume controls, zoom levels, or any bounded numeric input.

RadzenSparkline

A sparkline is a small chart that provides a simple way to visualize trends in data.

RadzenSpeechToTextButton

RadzenSpeechToTextButton component. Enables speech to text functionality.

This is only supported on select browsers. See https://caniuse.com/?search=SpeechRecognition

<RadzenSpeechToTextButton Change=@(args => Console.WriteLine($"Value: {args}")) />

RadzenSplitButton

A split button component that combines a primary action button with a dropdown menu of additional related actions. RadzenSplitButton displays a main button with a small dropdown toggle, allowing quick access to a default action while providing alternatives. Ideal when you have a primary action and several related alternatives. The left side executes the default action, the right side opens a menu of options. Common examples include Save (with options: Save As, Save and Close), Download (with options: Download PDF, Download Excel, Download CSV), and Send (with options: Send Now, Schedule Send, Save Draft). Features main action triggered by clicking the left portion, additional options in a dropdown from the right toggle, ButtonStyle/Variant/Shade/Size for consistent appearance, optional icon on the main button, and keyboard navigation (Arrow keys, Enter, Escape) for menu navigation. Menu items are defined using RadzenSplitButtonItem components as child content.

RadzenSplitButtonItem

RadzenSplitButtonItem component.

RadzenSplitter

A splitter component that divides space between resizable panes with draggable dividers. RadzenSplitter creates layouts with user-adjustable panel sizes, ideal for multi-column interfaces or resizable sidebars. Allows users to customize their workspace by dragging dividers to resize panes. Common use cases include code editors with resizable file explorer/code/output panes, email clients with adjustable folder list/message list/message preview, admin dashboards with resizable navigation and content areas, and data analysis tools with adjustable grid/chart/filter panels. Features resizable panes (drag dividers between panes to adjust sizes), Horizontal (side-by-side) or Vertical (top-to-bottom) orientation, size control with fixed pixel sizes/percentages/auto-sized panes, min/max constraints to prevent panes from becoming too small or large, optional collapse/expand functionality per pane, and nested splitters to create complex layouts. Panes are defined using RadzenSplitterPane components. Use Size property for fixed widths/heights.

RadzenSplitterPane

RadzenSplitterPane component.

RadzenStack

A flexbox container component that arranges child elements in a vertical or horizontal stack with configurable spacing and alignment. RadzenStack provides a simpler alternative to RadzenRow/RadzenColumn for linear layouts without the 12-column grid constraint. Ideal for creating simple vertical or horizontal layouts without needing a grid system. Unlike RadzenRow/RadzenColumn which uses a 12-column grid, Stack arranges children linearly with equal spacing. Features Vertical (column) or Horizontal (row) orientation, consistent gap spacing between child elements, AlignItems for cross-axis alignment and JustifyContent for main-axis distribution, option to reverse the order of children, and control whether children wrap to new lines or stay in a single line. Use for simpler layouts like button groups, form field stacks, or toolbar arrangements.

RadzenStackedAreaSeries<TItem>

Renders stacked area series in RadzenChart.

RadzenStackedBarSeries<TItem>

Renders bar series in RadzenChart.

RadzenStackedColumnSeries<TItem>

Renders column series in RadzenChart

RadzenSteps

A wizard-style steps component that guides users through a multi-step process with numbered navigation. RadzenSteps displays a visual progress indicator and manages sequential navigation through each step, ideal for forms, checkout flows, or setup wizards. Provides a structured way to break complex processes into manageable sequential stages. Features numbered circles showing current/completed/upcoming steps for visual progress, Next/Previous buttons for moving between steps or clicking on step numbers, optional form validation integration to prevent advancing with invalid data, CanChange event to control when users can move between steps, navigation to specific steps via SelectedIndex binding, and optional built-in Next/Previous buttons or use your own custom navigation. Each step is defined using RadzenStepsItem components. Use the CanChange event to validate data before allowing step transitions. Integrates with Blazor EditContext for form validation.

RadzenStepsItem

RadzenStepsItem component.

RadzenSwitch

A toggle switch component for boolean on/off states with a sliding animation. RadzenSwitch provides an alternative to checkboxes with a more modern toggle UI pattern, ideal for settings and preferences. Displays as a sliding toggle that users can click or drag to change between on (true) and off (false) states, providing visual feedback with a sliding animation and color change. Common uses include enabling/disabling settings or features, toggling visibility of sections, on/off preferences in configuration panels, and boolean options in forms. Supports keyboard navigation (Space/Enter to toggle) for accessibility. Unlike checkboxes, switches are typically used for immediate effects rather than form submission actions.

RadzenTable

Display a styled table with data.

RadzenTableBody

RadzenTableBody component.

RadzenTableCell

Represents a cell in RadzenTable

RadzenTableHeader

RadzenTableHeader component.

RadzenTableHeaderCell

RadzenTableRow component.

RadzenTableHeaderRow

RadzenTableRow component.

RadzenTableRow

RadzenTableRow component.

RadzenTabs

A tabbed interface component that organizes content into multiple panels with clickable tabs for navigation. RadzenTabs allows users to switch between different views or sections without navigating away from the page. Provides a container for RadzenTabsItem components, each representing one tab and its associated content panel. Supports tab positioning at Top, Bottom, Left, Right, TopRight, or BottomRight, server-side rendering (default) or client-side rendering for improved interactivity, programmatic selection via SelectedIndex with two-way binding, Change event when tabs are switched, dynamic tab addition/removal using AddTab() and RemoveItem(), keyboard navigation (Arrow keys, Home, End, Space, Enter) for accessibility, and disabled tabs to prevent selection. Use Server render mode for standard Blazor rendering, or Client mode for faster tab switching with JavaScript.

RadzenTabsItem

RadzenTabsItem component.

RadzenTemplateForm<TItem>

A component which represents a form. Provides validation support.

RadzenText

A text display component with predefined typography styles matching Material Design text hierarchy. RadzenText provides consistent text formatting for headings, subtitles, body text, captions, and more with semantic HTML tags. Simplifies typography by providing preset styles that match your theme's design system, allowing consistent, professionally designed text formatting without managing CSS classes manually. Supports text styles (Display headings H1-H6, subtitles, body text, captions, button text, overlines), automatically uses appropriate HTML tags (h1-h6, p, span) based on style, manual HTML tag specification via TagName property, built-in text alignment (left, right, center, justify), and optional anchor links for heading navigation. TextStyle.DisplayH1-H6 provide large display headings, TextStyle.H1-H6 provide standard headings, Subtitle1/2 for subtitles, Body1/2 for paragraphs, Caption for small text, and Overline for labels.

RadzenTextArea

A multi-line text input component for entering longer text content with configurable dimensions. RadzenTextArea provides a resizable textarea with data binding, validation, and automatic sizing options. Ideal for comments, descriptions, messages, or any content requiring multiple lines. Features configurable sizing via Rows (height) and Cols (width) properties, MaxLength to restrict input length, browser-resizable textarea, integration with Blazor EditContext for form validation, and two-way binding via @bind-Value. The Rows and Cols properties set the initial/minimum size, but users can often resize the textarea using the resize handle.

RadzenTextBox

A single-line text input component that supports data binding, validation, and various input behaviors. RadzenTextBox provides a styled text input with support for placeholders, autocomplete, immediate updates, and string trimming. Supports two-way data binding via @bind-Value and form validation when used within Radzen forms. Can be configured for immediate value updates as the user types or deferred updates on blur/change. Use Trim to automatically remove whitespace, and MaxLength to limit input length.

RadzenTheme

Registers and manages the current theme. Requires Radzen.Blazor.RadzenTheme.ThemeService to be registered in the DI container.

RadzenTicks

Tick configuration of IChartAxis.

RadzenTimeSpanPicker<TValue>

RadzenTimeSpanPicker component.

RadzenTimeline

A timeline component for displaying chronological sequences of events with visual indicators and connecting lines. RadzenTimeline presents events along a vertical or horizontal axis, ideal for histories, project milestones, or process flows. Visualizes temporal data in a linear sequence with customizable markers, labels, and content for each event. Supports Vertical (top-to-bottom) or Horizontal (left-to-right) orientation, Center/Start/End/Alternate positioning of the connecting line, custom point markers/labels/content per item via templates, content alignment control (start, center, end, stretch), chronological order reversal, and flexible content where each item can have point marker, label, and main content. Timeline items are defined using RadzenTimelineItem components. Common uses include order tracking, project progress, changelog displays, or activity feeds.

RadzenTimelineItem

RadzenTimeline item.

RadzenToc

Displays a table of contents for a page.

RadzenTocItem

Represents a table of contents item.

RadzenToggleButton

RadzenButton component.

RadzenTooltip

RadzenTree

A hierarchical tree view component for displaying nested data structures with expand/collapse functionality. RadzenTree supports both inline item definition and data-binding for displaying file systems, organization charts, category hierarchies, or any tree-structured data. Organizes data in a parent-child hierarchy where items can be expanded to reveal children. Supports static definition declaring tree structure using nested RadzenTreeItem components, data binding to hierarchical data using RadzenTreeLevel components, single or multiple item selection with checkboxes, individual item or programmatic expand/collapse control, custom icons per item or data-bound icon properties, custom rendering templates for tree items, keyboard navigation (Arrow keys, Space/Enter, Home/End) for accessibility, and Change/Expand/selection events. For data binding, use RadzenTreeLevel to define how to render each hierarchy level from your data model. For checkbox selection, use AllowCheckBoxes and bind to CheckedValues.

RadzenTreeItem

A component which is an item in a RadzenTree

RadzenTreeLevel

Configures a level of nodes in a RadzenTree during data-binding.

RadzenUpload

A file upload component with progress tracking, multiple file support, and drag-and-drop capability. RadzenUpload provides a full-featured file upload interface with automatic or manual upload, server communication, and comprehensive event handling. Handles file selection and upload to a server endpoint with automatic upload on file selection or manual triggering via Upload() method, real-time upload progress with percentage and bytes loaded, file type restriction via Accept property (MIME types or extensions), custom authentication or HTTP headers, Complete/Error/Progress/Change events for tracking upload lifecycle, automatic image preview for image files, file removal support, and built-in drag-and-drop for file selection. Uploads files to the URL endpoint via HTTP POST multipart/form-data. Server-side endpoint must accept file uploads and return appropriate responses.

Enums

AutoCompleteType

The AutomCompleteType is a string-associated enum of browser-supported autocomplete attribute values. Lists the autocomplete attribute options allowing developers to provide the browser with guidance on how to pre-populate the form fields. It is a class rather than a simpler enum to associate each option with the string the browser expects. For more information please review the list of options (https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) and the spec (https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).