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.

Adddon

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.

Grid

A simple way to build responsive columns.

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.

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.

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.

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.