CodeAI

Tag

Compact badge / status label (distinct from selectable Chip). Optionally dismissible for removable filters.

Label

Appearance

Content

Layout & behavior

Props — Tag
View MUI docs
PropTypeDescription
color"neutral" | "brand" | "pink" | "orange" | "success" | "error" | "warning" | "info"Semantic badge color.
size"large" | "medium" | "small"Badge height and type scale.
labelReactNodeBadge text.
startIconNameFaIconNameLeading FA icon. Omit for no start icon.
endIconNameFaIconNameTrailing FA icon. Omit for no end icon.
isDismissiblebooleanShow remove control for filters.
onClose() => voidDismiss handler.