pureblazor logo

Badges

render modes
  • ssr
  • server
  • webassembly

Badges are used to highlight an item or to provide additional information. They are typically used in lists, tables, or cards.

The below examples take advantage of the using static directive to simplify the code. This is not required and you can use the full namespace if you prefer.

Default Badges

webassembly
server
ssr
interactive
auto mode 
<PureBadge Accent="Brand">webassembly</PureBadge>

Outline Badges

webassembly
server
ssr
interactive
auto mode 
<PureBadge Accent="Brand" Variant="Outline">webassembly</PureBadge>

Subtle Badges

webassembly
server
ssr
interactive
auto mode 
<PureBadge Accent="Brand" Variant="Subtle">webassembly</PureBadge>