Blazorise components
Learn about Blazorise components and how to properly use them to build your application.
Accordion
Build vertically collapsing accordions in combination with our Collapse component.
Addon
Easily extend form controls by adding text, or buttons on either side of textual inputs, custom selects, and custom file inputs.
Alert
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Badge
Badges are used to draw attention and display statuses or counts.
Bar
A responsive navbar that can support images, links, buttons, and dropdowns.
Breadcrumb
A simple breadcrumb component to improve your navigation experience.
Button
Use Blazorise custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Card
Blazorise cards provide a flexible and extensible content container with multiple variants and options.
Carousel
Loop a series of images or texts in a limited space.
Check
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.
Divider
Dividers are used to visually separate or group elements.
Drag & Drop
Quickly drag and drop elements between the containers.
Dropdown
Dropdowns expose additional content that "drops down" in a menu.
Field
A generic container used to properly layout input elements on a form.
Figure
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.
File Picker
The FilePicker component provides extra functionality, listing and detailing files, providing clear and upload buttons, and inbuilt progress.
FocusTrap
Manages focus of the forms and its input elements.
Grid
A simple way to build responsive columns.
Highlighter
Visually highlight part of the text based on the search term.
Jumbotron
Lightweight, flexible component for showcasing hero unit style content.
Layout
Handling the overall layout of a page.
Link
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.
Modal
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
Offcanvas is a sidebar component that can be toggled to appear from the left, right, top, or bottom edge of the viewport.
Pagination
A responsive, usable, and flexible pagination.
Progress
Progress bars are used to show the status of an ongoing operation.
Radio
The Radio allow the user to select a single option from a group.
Rating
Ratings provide insight regarding others opinions and experiences with a product.
Repeater
The repeater component is a helper component that repeats the child content for each element in a collection.
Select
Selects allow you to choose one or more items from a dropdown menu.
Skeleton
Skeletons are used to indicate that something is still loading or that the content is not yet available.
Slider
Sliders allow users to make selections from a range of values.
Step
The Step component displays progress through numbered steps.
Switch
Switch is used for switching between two opposing states.
Tab
Tabs are used to organize and group content into sections that the user can navigate between.
Table
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.
Toast
Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems.
Tooltip
Tooltips display additional information based on a specific action.
Text Edit
The TextEdit allows the user to input and edit text.
Typography
Control text size, alignment, wrapping, overflow, transforms and more.
Validation
The Validation component allows you to verify your data, helping you find and correct errors.