ComponentsActions
Chip and chip set
Chips are compact elements for tags, attributes, filters and choices. A chip set groups them and manages selection and closing. Choose chips for short, scannable values; use a toggle group for a fixed set of mutually exclusive options.
Text, icons and avatars
A chip shows Text or ChildContent, optionally led by an Icon or an AvatarContent fragment.
Every variant and color
All 36 combinations of Variant and Color. Filled is the default inside a chip set.
| Variant ↓ · Color → | Default | Primary | Secondary | Tertiary | Info | Success | Warning | Error | Dark | Transparent | Inherit | Surface |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Text | Default | Primary | Secondary | Tertiary | Info | Success | Warning | Error | Dark | Transparent | Inherit | Surface |
| Filled | Default | Primary | Secondary | Tertiary | Info | Success | Warning | Error | Dark | Transparent | Inherit | Surface |
| Outlined | Default | Primary | Secondary | Tertiary | Info | Success | Warning | Error | Dark | Transparent | Inherit | Surface |
Sizes and shapes
Three sizes, each as a pill and with Label, which swaps the pill for the theme's border radius.
Closeable tags
AllClosable adds a close button to every chip; OnClose tells you which one to remove from your own list.
Selection modes
A chip set binds SelectedValue for single and toggle selection, and SelectedValues for multi selection. CheckMark and SelectedColor make the state visible without relying on color alone.
Single selection: loaf size
SelectedValue: Whole loaf
Toggle selection: slicing (press again to clear)
SelectedValue: null (unsliced)
Multi selection: toppings
SelectedValues: Sesame, Oats
Scenario: filter chips
Genre and format chips narrow a bookshop list, with a visible count, an empty state and a way to clear the filters.
7 of 7 titles
Salt and Lanterns
Fiction · Paperback
A Field Guide to Night Moths
Nature · Hardback
The Quiet Algorithm
Science · Audiobook
Harbour Songs
Poetry · Paperback
Under the Copper Dome
Fiction · Hardback
Rivers Without Maps
Nature · Audiobook
Small Numbers
Science · Paperback
States, links and clicks
Disabled chips and sets, a read-only set, a chip rendered as a link, and a chip that runs an action on click.
Playground
Change any parameter; the markup below updates with only the values that differ from the defaults.
<MudChip
T="string"
Text="Saturday market"
Color="Color.Primary"
Icon="@Icons.Material.Outlined.Event" />