Badges
Badges display field values as visual labels on your items, helping users quickly identify categories, statuses, or other important information.
Adding badges
Open your widget in the editor
Navigate to your widget and click Edit to open the editor.
Go to the Badges settings
- For list view: Go to List Settings → expand the Badges accordion
- For details page: Go to Details → expand the Badges accordion
Add a badge field
Click Add Field and select a column from the dropdown. The values from that column will display as badges on your items.
Badges are hidden when using the Table layout. Switch to Cards or List layout to display badges.
Badge position
The available position options depend on your layout:
Cards layout:
- In cover image - Displays over the card’s cover image
- Above title - Shows above the item title
- Below title - Shows below the item title
List layout:
- Above title - Shows above the item title
- Below title - Shows below the item title
Details page:
- Above title - Shows above the item title
- Below title - Shows below the item title
Styling badges
Each badge field has its own style settings. Click on a badge field to customize:
- Font size - Choose from Small to Extra Large
- Font weight - Range from Light through Extra Bold
- Text colour - Pick a custom text colour
- Badge background - Set the badge background colour
- Shape - Choose between Pill (fully rounded) or Rounded corners
Multiple badges
You can add multiple badge fields to display different information:
- Click Add Field again to add another badge
- Select a different column for each badge
- Style each badge independently with its own colours and shape
Each badge field can have completely different styling, making it easy to visually distinguish between categories, statuses, and other data.
Badges on the details page
Badges can also appear on individual item details pages:
- Go to Details → Badges
- Click Add Field and select your column
- Choose a position (Above title or Below title)
- Customize the badge styling
The details page supports the same styling options as the list view, except the “In cover image” position is not available.