home-assistant.io/source/_lovelace/shopping-list.markdown
Sean Mooney dad4a22e4f
Add UI setup instructions to Lovelace card pages (#15155)
Co-authored-by: Franck Nijhof <git@frenck.dev>
2020-10-10 13:55:56 +02:00

1.3 KiB

title, sidebar_label, description
title sidebar_label description
Shopping List Card Shopping List The Shopping List card allows you to add, edit, check-off, and clear items from your shopping list.

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

Setup of the Shopping List integration is required.

Screenshot of the shopping list card Screenshot of the Shopping List card.

To add the Shopping List card to your user interface, click the Lovelace menu (three dots at the top right of the screen) and then Edit Dashboard. Click the plus button in the bottom right corner and select Shopping List from the card picker. All options for this card can be configured via the user interface.

Alternatively, the card can be configured using YAML:

type: shopping-list

{% configuration %} type: required: true description: shopping-list type: string title: required: false description: Title of Shopping List type: string theme: required: false description: "Set to any theme within themes.yaml" type: string {% endconfiguration %}

Examples

Title Example:

type: shopping-list
title: Shopping List