Skip to content

Commit

Permalink
additional documentation updates kdropdownmenu
Browse files Browse the repository at this point in the history
  • Loading branch information
nucleogenesis committed Nov 28, 2023
1 parent 378ab40 commit f05e9a7
Showing 1 changed file with 5 additions and 2 deletions.
7 changes: 5 additions & 2 deletions docs/pages/kdropdownmenu.vue
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,10 @@
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.
</p>
<p>
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.
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.
</p>
<p>
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.
</p>
<p>
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.
Expand All @@ -25,4 +28,4 @@
</script>


<style lang="scss" scoped></style>
<style lang="scss" scoped></style

0 comments on commit f05e9a7

Please sign in to comment.