@vaadin/vaadin-list-box
Advanced tools
Comparing version
{ | ||
"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. | ||
[](https://www.npmjs.com/package/@vaadin/vaadin-list-box) | ||
[](https://vaadin.com/directory/component/vaadinvaadin-list-box) | ||
[](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. |
13564
-9.7%20
-71.01%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed