diff --git a/pages/docs/field-types-reference.mdx b/pages/docs/field-types-reference.mdx
index 0ea6bae..bc7aee8 100644
--- a/pages/docs/field-types-reference.mdx
+++ b/pages/docs/field-types-reference.mdx
@@ -572,4 +572,24 @@ This will render a dropdown list that is hooked up to a Problem DataSource. This
 
 Renders:
 
-![Radio field](/problemRender.gif)
\ No newline at end of file
+![Radio field](/problemRender.gif)
+
+## drug
+
+This Rendering type is used for capturing a drug as an observation. Behind the scenes this is done by introducing the drug data source and utilising functionality of the ui-select-extended control.
+
+```json copy
+{
+  "label": "Select a drug",
+  "type": "obs",
+  "questionOptions": {
+    "rendering": "drug",
+    "concept": "8d490dfc-c2cc-11de-8d13-0010c6dffd0f"
+  },
+  "id": "drug_select"
+},
+```
+
+renders:
+
+![Radio field](/drugRender.gif)
diff --git a/public/drugRender.gif b/public/drugRender.gif
new file mode 100644
index 0000000..22e9ebc
Binary files /dev/null and b/public/drugRender.gif differ