Shopping list card

Note: the shopping list card is no longer available as a card to add from the user interface. Use the to-do list card instead.

The shopping list card allows you to add, edit, check-off, and clear items from your shopping list.

Screenshot of the shopping list card Screenshot of the shopping list card.

Setup of the shopping list integration is required.

To add the shopping list card to your user interface:

  1. In the top right of the screen, select the pencil icon.
    • If this is your first time editing a dashboard, the Edit dashboard dialog appears.
      • By editing the dashboard, you are taking over control of this dashboard.
      • This means that it is no longer automatically updated when new dashboard elements become available.
      • To continue, in the dialog, select the three dots menu, then select Take control.
  2. Add a card to your dashboard.

All options for this card can be configured via the user interface.

YAML configuration

The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.

Configuration Variables

type string Required


title string (Optional)

Title of shopping list.

theme string (Optional)

Override the used theme for this card with any loaded theme. For more information about themes, see the frontend documentation.


Title example:

type: shopping-list
title: shopping list