All ToolsChoice Field Formatter

SharePoint Choice Field Formatter

Enter your SharePoint choice field values, assign badge colours, and generate ready-to-paste column formatting JSON that renders each choice as a coloured pill badge.

Field Internal Name (the SharePoint column's internal/programmatic name)

Choices

Active

Inactive

Pending

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "display": "=if([$Status] == '', 'none', 'inline-flex')",
    "align-items": "center",
    "padding": "3px 10px",
    "border-radius": "999px",
    "font-size": "12px",
    "font-weight": "600",
    "white-space": "nowrap",
    "background-color": "=if([$Status] == 'Active', '#dcfce7', if([$Status] == 'Inactive', '#fee2e2', if([$Status] == 'Pending', '#fef9c3', '#f1f5f9')))",
    "color": "=if([$Status] == 'Active', '#166534', if([$Status] == 'Inactive', '#991b1b', if([$Status] == 'Pending', '#854d0e', '#475569')))"
  },
  "txtContent": "[$Status]"
}

Paste this JSON in SharePoint → List Settings → Column Formatting on your choice column.