Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vaadin/vaadin-combo-box

Package Overview
Dependencies
Maintainers
19
Versions
304
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vaadin/vaadin-combo-box - npm Package Compare versions

Comparing version 22.0.0-beta1 to 22.0.0-beta2

6

package.json
{
"name": "@vaadin/vaadin-combo-box",
"version": "22.0.0-beta1",
"version": "22.0.0-beta2",
"publishConfig": {

@@ -34,5 +34,5 @@ "access": "public"

"dependencies": {
"@vaadin/combo-box": "22.0.0-beta1"
"@vaadin/combo-box": "22.0.0-beta2"
},
"gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
"gitHead": "f13833683e6667f6ca6678452db14aa6b7eac4a4"
}

@@ -1,70 +0,10 @@

# <vaadin-combo-box>
# @vaadin/vaadin-combo-box
[Live Demo ↗](https://vaadin.com/components/vaadin-combo-box/html-examples)
|
[API documentation ↗](https://vaadin.com/components/vaadin-combo-box/html-api)
> ⚠️  Starting from Vaadin 22, this package is deprecated.
> Please use [`@vaadin/combo-box`](https://www.npmjs.com/package/@vaadin/combo-box) instead.
[<vaadin-combo-box>](https://vaadin.com/components/vaadin-combo-box) is a Web Component combining a dropdown list with an input field for filtering the list of items, part of the [Vaadin components](https://vaadin.com/components).
A web component for choosing a value from a filterable list of options presented in an overlay.
[![npm version](https://badgen.net/npm/v/@vaadin/vaadin-combo-box)](https://www.npmjs.com/package/@vaadin/vaadin-combo-box)
[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-combo-box)
[![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
[Documentation + Live Demo ↗](https://vaadin.com/docs/latest/ds/components/combo-box)
```html
<vaadin-combo-box
label="User"
placeholder="Please select"
item-value-path="email"
item-label-path="email"
></vaadin-combo-box>
<script>
const comboBox = document.querySelector('vaadin-combo-box');
fetch('https://randomuser.me/api?results=100&inc=name,email')
.then((res) => res.json())
.then((json) => (comboBox.items = json.results));
</script>
```
[<img src="https://raw.githubusercontent.com/vaadin/vaadin-combo-box/master/screenshot.png" width="208" alt="Screenshot of vaadin-combo-box" />](https://vaadin.com/components/vaadin-combo-box)
## Installation
Install `vaadin-combo-box`:
```sh
npm i @vaadin/vaadin-combo-box --save
```
Once installed, import it in your application:
```js
import '@vaadin/vaadin-combo-box/vaadin-combo-box.js';
```
## Getting Started
Vaadin components use the Lumo theme by default.
To use the Material theme, import the correspondent file from the `theme/material` folder.
## Entry points
- The components with the Lumo theme:
`theme/lumo/vaadin-combo-box.js`
`theme/lumo/vaadin-combo-box-light.js`
- The components with the Material theme:
`theme/material/vaadin-combo-box.js`
`theme/material/vaadin-combo-box-light.js`
- Alias for `theme/lumo/vaadin-combo-box.js`
`theme/lumo/vaadin-combo-box-light.js`
`vaadin-combo-box.js`
`vaadin-combo-box-light.js`
## Contributing

@@ -78,2 +18,3 @@

Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
Vaadin collects usage statistics at development time to improve this product..
For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc