diff --git a/examples/accessible-dropdown/README.md b/examples/accessible-dropdown/README.md
index 503b537..9eb15b1 100644
--- a/examples/accessible-dropdown/README.md
+++ b/examples/accessible-dropdown/README.md
@@ -85,3 +85,45 @@ Dropdown.initFromPreset();
| `onListItemClick` | null or function | `null` | Event on dropdown list item click. |
| `onOpen` | null or function | `null` | Event on dropdown open. |
| `prefixId` | string | `dropdown` | Define the prefix id of the component. |
+
+### Methods
+
+You can interract with the Dropdown component by adding or removing items. See example below.
+
+```html
+
+
+
+ Choose an element
+
+
+
Book
+
Movies
+
Music
+
Video games
+
Paint
+
+
+```
+
+```js
+import { Dropdown } from '@beapi/be-a11y';
+
+Dropdown.init('.dropdown');
+
+const addButton = document.getElementById('add-item');
+const dropdownInstance = Dropdown.getInstance('.dropdown');
+
+addButton.addEventListener('click', function() {
+ const newListItem = document.createElement('li');
+ newListItem.innerText = 'Dummy';
+
+ dropdownInstance.addItem(newListItem);
+});
+```
+
+| Name | Params | Description |
+|------------------|-------------------------|--------------------------------------------------|
+| `addItem` | `listItem: HTMLElement` | Adds a new list item to the dropdown. |
+| `removeItem` | `listItem: HTMLElement` | Removes a specified list item from the dropdown. |
+| `removeAllItems` | None | Removes all list items from the dropdown. |
diff --git a/examples/accessible-dropdown/index.html b/examples/accessible-dropdown/index.html
index f7a6b80..54aa8bc 100644
--- a/examples/accessible-dropdown/index.html
+++ b/examples/accessible-dropdown/index.html
@@ -86,6 +86,24 @@