GitHub

Badge

Demonstration and configuration of the Radzen Blazor Badge component.

Badge in Button

Child Content

bug_report No Bugs Found

Filled

Primary Secondary Info Success Warning Danger Light Dark

Filled Shades

Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger

Outlined

Primary Secondary Info Success Warning Danger Light Dark

Outlined Shades

Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger

Text

Primary Secondary Info Success Warning Danger Light Dark

Text Shades

Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger

Pill Filled

Primary Secondary Info Success Warning Danger Light Dark

Filled Shades

Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger

Pill Outlined

Primary Secondary Info Success Warning Danger Light Dark

Outlined Shades

Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger
Primary Secondary Info Success Warning Danger

Pill Text

Pill text variant is the same as the default text badge.

Introducing Radzen Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful business Blazor apps. Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

Source Code licensed under MIT

An error has occurred. This application may no longer respond until reloaded. Reload 🗙