Skip to content

Commit f05e9a7

Browse files
committed
additional documentation updates kdropdownmenu
1 parent 378ab40 commit f05e9a7

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

docs/pages/kdropdownmenu.vue

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,10 @@
77
Implements a dropdown set of options, based on <DocsExternalLink text="Keen's UI Menu" href="https://josephuspaye.github.io/Keen-UI/#/ui-menu" />. See these docs to understand the current implementation of the options object array.
88
</p>
99
<p>
10-
Notable possible for configuring the menu include: icons, text, secondary text, and dividers. Additionally, you can customize the appearance and render complex options using the "options" slot.
10+
Notable possible for configuring the menu include: icons, text, secondary text, and dividers. Additionally, you can customize the appearance and render complex options using the "options" slot and its associated slot-props.
11+
</p>
12+
<p>
13+
The dropdown will typically contain the user's focus while they use the arrow keys to navigate the options. The <code>Tab</code> and <code>Esc</code> keys will close the menu and emit a <code>@close</code> event. The <code>Tab</code> key will pass along the browser event that triggered the close will be emitted by way of a <code>@tab</code> event on the <code>KDropdownMenu</code> which can be useful for managing focus after the menu is closed.
1114
</p>
1215
<p>
1316
Please see the <DocsInternalLink href="/buttons#dropdowns" text="Dropdown section of the Buttons and links page" /> on the buttons page for more details about how to use with a button, and a code example.
@@ -25,4 +28,4 @@
2528
</script>
2629

2730

28-
<style lang="scss" scoped></style>
31+
<style lang="scss" scoped></style

0 commit comments

Comments
 (0)