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.
A generic close button for dismissing content like modals and alerts.
The ColorEdit allow the user to select a color.
The ColorPicker allow the user to select a color using a variety of input methods.
DateEdit is an input field that allows the user to enter a date by typing or by selecting from a calendar overlay.
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.
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 groups are a flexible and powerful component for displaying a series of content.
Input mask allows the user to input a value in a specific format while typing.
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.
A native numeric <input> component built around the <input type="number">.
A customizable NumericPicker component allows you to enter numeric values and contains controls for increasing and reducing the value.
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.
A native time input component build around the <input type="time">.
A customizable time input component with an option to manually write time or choose from a menu.
Tooltips display additional information based on a specific action.
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.