Skip to content

v1.0.0
Compare
Choose a tag to compare
@yuriy-fix yuriy-fix released this 25 Apr 12:53
· 242 commits to master since this release
v1.0.0
2f01293

Live Demo →
API Documentation →

Features:

  • Uses <vaadin-text-field> for the input
  • Uses <vaadin-overlay> for the dropdown
  • User needs to put <vaadin-list-box> and <vaadin-item> for the content
  • Able to handle simple content and custom items and show them in the input
  • Keyboard support for navigating items: Up Down Home End
  • Implements the roving tabindex technique for moving focus
  • Uses Lump theme by default
  • The styles from the parent scope apply to the dropdown-menu template content, making it easier to customize (in particular, by applying CSS rules to items)

Usage

<vaadin-dropdown-menu placeholder="Name" label="Select a Name">
  <template>
    <vaadin-list-box>
      <vaadin-item>Jose</vaadin-item>
      <vaadin-item>Manolo</vaadin-item>
      <vaadin-item>Pedro</vaadin-item>
    </vaadin-list-box>
  </template>
</vaadin-dropdown-menu>

Changes Since v1.0.0-beta4:

  • 3f648bd Update the styling example
Assets 2