Shopping List Card documentation (#7346)

* Shopping List Card documentation

* Add note on shopping list intent requirement

* Cleanup description

* Update gif and description based on MVP

* Updated gif for changes to card

source/_lovelace/shopping-list.markdown

@@ -0,0 +1,44 @@
+---
+layout: page
+title: "Shopping List Card"
+sidebar_label: Shopping List
+description: "The Shopping List Card allows you to edit and check-off items from your shopping list"
+date: 2018-11-02 10:28 +00:00
+sidebar: true
+comments: false
+sharing: true
+footer: true
+---
+
+The Shopping List Card allows you to edit and check-off items from your shopping list.
+
+Setup of the [Shopping List Intent](https://www.home-assistant.io/components/shopping_list/) is required
+
+<p class='img'>
+<img src='/images/lovelace/lovelace_shopping_list_card.gif' alt='Screenshot of the shopping list card'>
+Screenshot of the Shopping List card.
+</p>
+
+```yaml
+- type: shopping-list
+```
+
+{% configuration %}
+type:
+  required: true
+  description: shopping-list
+  type: string
+title:
+  required: false
+  description: Title of Shopping List
+  type: string
+{% endconfiguration %}
+
+## {% linkable_title Examples %}
+
+Title Example:
+
+```yaml
+- type: shopping-list
+  title: Shopping List
+```