Jeff Sagal
3.5 KiB
hero, hideToc, title, section, description
| hero | hideToc | title | section | description |
|---|---|---|---|---|
| true | true | Vue Select | Introduction | Everything you wish the HTML select element could do, shipped as a lightweight, accessible and extendable Vue component. |
:::lead Vue Select is a feature rich combobox component. You might know it as a dropdown or typeahead select. They're a staple on the web, and they're notoriously tough to get right! :::
Vue Select provides a default template that fits most use cases. The component is designed to be as lightweight as possible, while maintaining high standards for accessibility, developer experience, and customization.
:::quick-links
:::quick-link{title="Installation" href="/guide/install"} Step-by-step instructions to install Vue Select in your project. Couple lines and you're done!
#icon :::
:::quick-link{title="Options and Selections" href="/"} You'll need to register some options so your users can select them.
#icon
:::
:::quick-link{title="Customizing" href="/"} Vue Select is plug-and-play by design, but you can always customize the look and feel.
#icon :::
:::quick-link{title="Premium Resources" icon="theming" href="/"} Pre-built Vue Select instances with custom themes and features. Infinite scroll, remote option loading and more.
#icon
:::
:::
Features
- Tagging
- Filtering / Searching
- Vuex Support
- AJAX Support
- SSR Support
- Accessible
- ~20kb Total / ~5kb CSS / ~15kb JS
- Select Single/Multiple Options
- Customizable with slots and SCSS variables
- Zero dependencies