From b53584bc27a5daae991408fb6c1881523da06fb4 Mon Sep 17 00:00:00 2001
From: Hawk Ticehurst <39639992+hawkticehurst@users.noreply.github.com>
Date: Thu, 8 Dec 2022 09:42:47 -0800
Subject: [PATCH] Add docs for how to label a dropdown component (#429)

Description of changes

Adds a documentation code snippet demonstrating how to add a label to a dropdown component.
---
 src/dropdown/README.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/dropdown/README.md b/src/dropdown/README.md
index ad9cc492..72e87d8a 100644
--- a/src/dropdown/README.md
+++ b/src/dropdown/README.md
@@ -45,6 +45,17 @@ The `vscode-dropdown` component must be used with the `vscode-option` component.
 </vscode-dropdown>
 ```
 
+### With Label
+
+```html
+<label for="my-dropdown">Choose an option:</label>
+<vscode-dropdown id="my-dropdown">
+  <vscode-option>Option Label #1</vscode-option>
+  <vscode-option>Option Label #2</vscode-option>
+  <vscode-option>Option Label #3</vscode-option>
+</vscode-dropdown>
+```
+
 ### Disabled Attribute
 
 [Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-dropdown--with-disabled)