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.
Render different content at runtime based on the current responsive breakpoint.
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 ColorInput allow the user to select a color.
The ColorPicker allow the user to select a color using a variety of input methods.
DateInput 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.
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 FileInput component is a specialized input that provides a clean interface for selecting files.
The FilePicker component provides extra functionality, listing and detailing files, providing clear and upload buttons, and inbuilt progress.
Manages focus of the forms and its input elements.
Detect swipes and pointer gesture lifecycle events on wrapped content.
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.
MemoInput 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.
Offcanvas is a sidebar component that can be toggled to appear from the left, right, top, or bottom edge of the viewport.
Enable a virtual keyboard for text-capable input components.
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.
Skeletons are used to indicate that something is still loading or that the content is not yet available.
Sliders allow users to make selections from a range of values.
Build dual-handle sliders that let users choose minimum and maximum values from a numeric range.
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.
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.
The TextInput 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.