Blazorise components

Learn about Blazorise components and how to properly use them to build your application.


Build vertically collapsing accordions in combination with our Collapse component.


Easily extend form controls by adding text, or buttons on either side of textual inputs, custom selects, and custom file inputs.


Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.


Badges are used to draw attention and display statuses or counts.


A responsive navbar that can support images, links, buttons, and dropdowns.


A simple breadcrumb component to improve your navigation experience.


Use Blazorise custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.


Blazorise cards provide a flexible and extensible content container with multiple variants and options.


Loop a series of images or texts in a limited space.


Check allow the user to toggle an option on or off.

Close Button

A generic close button for dismissing content like modals and alerts.

Color Edit

The ColorEdit allow the user to select a color.

Color Picker

The ColorPicker allow the user to select a color using a variety of input methods.

Date Edit

DateEdit is an input field that allows the user to enter a date by typing or by selecting from a calendar overlay.

Date Picker

DatePicker is an input field that allows the user to enter a date by typing or by selecting from a calendar overlay.


Dividers are used to visually separate or group elements.

Drag & Drop

Quickly drag and drop elements between the containers.


Dropdowns expose additional content that "drops down" in a menu.


A generic container used to properly layout input elements on a form.


Documentation and examples for displaying related images and text with the figure component in Blazorise.

File Edit

The FileEdit component is a specialized input that provides a clean interface for selecting files.


Manages focus of the forms and its input elements.


A simple way to build responsive columns.


Visually highlight part of the text based on the search term.


Lightweight, flexible component for showcasing hero unit style content.


Handling the overall layout of a page.


Provides declarative, accessible navigation around your application.

List Group

List groups are a flexible and powerful component for displaying a series of content.

Input Mask

Input mask allows the user to input a value in a specific format while typing.

Memo Edit

MemoEdit collect data from the user and allow multiple lines of text.


Dialog is a small window that can be used to present information and user interface elements in an overlay.

Numeric Edit

A native numeric <input> component built around the <input type="number">.

Numeric Picker

A customizable NumericPicker component allows you to enter numeric values and contains controls for increasing and reducing the value.


Offcanvas is a sidebar component that can be toggled to appear from the left, right, top, or bottom edge of the viewport.


A responsive, usable, and flexible pagination.


Progress bars are used to show the status of an ongoing operation.


The Radio allow the user to select a single option from a group.


Ratings provide insight regarding others opinions and experiences with a product.


The repeater component is a helper component that repeats the child content for each element in a collection.


Selects allow you to choose one or more items from a dropdown menu.


Sliders allow users to make selections from a range of values.


The Step component displays progress through numbered steps.


Switch is used for switching between two opposing states.


Tabs are used to organize and group content into sections that the user can navigate between.


Basic table is just for data display.

Time Edit

A native time input component build around the <input type="time">.

Time Picker

A customizable time input component with an option to manually write time or choose from a menu.


Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems.


Tooltips display additional information based on a specific action.

Text Edit

The TextEdit allows the user to input and edit text.


Control text size, alignment, wrapping, overflow, transforms and more.


The Validation component allows you to verify your data, helping you find and correct errors.
On this page