🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

@vaadin/vaadin-list-box

Package Overview
Dependencies
Maintainers
19
Versions
253
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version

to
22.0.0-beta2

6

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

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

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

@@ -1,60 +0,10 @@

# <vaadin-list-box>
# @vaadin/vaadin-list-box
[Live Demo ↗](https://vaadin.com/components/vaadin-list-box/html-examples)
|
[API documentation ↗](https://vaadin.com/components/vaadin-list-box/html-api)
> ⚠️  Starting from Vaadin 22, this package is deprecated.
> Please use [`@vaadin/list-box`](https://www.npmjs.com/package/@vaadin/list-box) instead.
[<vaadin-list-box>](https://vaadin.com/components/vaadin-list-box) is a Web Component providing reusable list boxes, part of the [Vaadin components](https://vaadin.com/components).
A web component for selecting one or more values from a scrollable list of items.
[![npm version](https://badgen.net/npm/v/@vaadin/vaadin-list-box)](https://www.npmjs.com/package/@vaadin/vaadin-list-box)
[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-list-box)
[![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
[Documentation + Live Demo ↗](https://vaadin.com/docs/latest/ds/components/list-box)
```html
<vaadin-list-box selected="2">
<b>Select an Item</b>
<vaadin-item>Item one</vaadin-item>
<vaadin-item>Item two</vaadin-item>
<hr />
<vaadin-item>Item three</vaadin-item>
<vaadin-item>Item four</vaadin-item>
</vaadin-list-box>
```
[<img src="https://raw.githubusercontent.com/vaadin/vaadin-list-box/master/screenshot.png" width="150" alt="Screenshot of vaadin-list-box">](https://vaadin.com/components/vaadin-list-box)
## Installation
Install `vaadin-list-box`:
```sh
npm i @vaadin/vaadin-list-box --save
```
Once installed, import it in your application:
```js
import '@vaadin/vaadin-list-box/vaadin-list-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 component with the Lumo theme:
`theme/lumo/vaadin-list-box.js`
- The component with the Material theme:
`theme/material/vaadin-list-box.js`
- Alias for `theme/lumo/vaadin-list-box.js`:
`vaadin-list-box.js`
## Contributing

@@ -68,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.