Vaadin Components
Vaadin Components is a comprehensive set of Web Components for application developers. It extends the Polymer Element Catalog with user interface components commonly needed in mobile and desktop business applications. Vaadin Components can be used in web documents (without frameworks) and web frameworks compatible with Web Components.
Basic usage
Vaadin Components are typically installed with npm or Bower. For example, the following command installs the vaadin-button component:
bower install vaadin/vaadin-button
Once installed, the component can be used in a web page as follows:
<html>
<head>
<link rel="import" href="bower_components/vaadin-button/vaadin-button.html" />
</head>
<body>
<vaadin-button>Click me</vaadin-button>
</body>
</html>
Available Components
| Component | Element name | Description |
|---|---|---|
| Button | vaadin-button | Element for customized buttons |
| Checkbox | vaadin-checkbox | Element for customized checkboxes |
| Combo box | vaadin-combo-box | Shows a list of items with filtering |
| Context menu | vaadin-context-menu | Shows context-dependent items for any element on the page |
| Date picker | vaadin-date-picker | A date selection field with a scrollable month calendar |
| Dialog | vaadin-dialog | Shows modal dialogs |
| Dropdown menu | vaadin-dropdown-menu | Customizable web component for dropdown menus |
| Form layout | vaadin-form-layout | Configurable responsive layout for form elements |
| Grid | vaadin-grid | Data grid / data table element |
| UI icon set | vaadin-icons | A collection of 600+ icons |
| Item | vaadin-item | A container for item elements |
| List box | vaadin-list-box | Reusable list boxes |
| Notification | vaadin-notification | Customized notifications |
| Ordered layout | vaadin-ordered-layout | Horizontally or vertically align HTML elements |
| Text field | vaadin-text-field | Themable input controls |
| Progress bar | vaadin-progress-bar | Customized progress bars |
| Radio button | vaadin-radio-button | Customized radio buttons |
| Split layout | vaadin-split-layout | Partition a layout into resizable areas |
| Navigation tabs | vaadin-tabs | Customized tabs |
| Upload | vaadin-upload | Upload multiple files with progress indication |
See also
- Vaadin (platform)
- Vaadin Flow
References
External links
This article "Vaadin Components" is from Wikipedia. The list of its authors can be seen in its historical and/or the page Edithistory:Vaadin Components. Articles copied from Draft Namespace on Wikipedia could be seen on the Draft Namespace of Wikipedia and not main one.
