<!-- @license Copyright (c) 2016 Vaadin Ltd. This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ --> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Vaadin Core Elements</title> <style> body { font: normal normal normal 12pt/1.5 sans-serif; max-width: 38rem; margin: 0 auto; padding: 2rem; } nav { text-align: left; } nav ul { margin: 0 -1rem; padding: 0; list-style: none; } nav li { display: inline-block; vertical-align: top; width: 8rem; padding: 1rem; text-align: center; } nav a { display: block; padding: 1rem; background: deepskyblue; color: white; text-decoration: none; -webkit-font-smoothing: antialiased; transition: opacity .5s; } nav a:hover { opacity: 0.75; transition: opacity .1s; } nav a:first-child { background: gray; padding-top: .75rem; padding-bottom: .75rem; } </style> </head> <body> <h1>Vaadin Core Elements</h1> <nav> <ul class="layout horizontal wrap"> <li> <a href="../vaadin-grid/">Vaadin<br> Grid</a> <a href="../vaadin-grid/demo/">Demo</a> <li> <a href="../vaadin-combo-box/">Vaadin<br> ComboBox</a> <a href="../vaadin-combo-box/demo/">Demo</a> <li> <a href="../vaadin-date-picker/">Vaadin<br> DatePicker</a> <a href="../vaadin-date-picker/demo/">Demo</a> <li> <a href="../vaadin-upload/">Vaadin<br> Upload</a> <a href="../vaadin-upload/demo/">Demo</a> <li> <a href="../vaadin-split-layout/">Vaadin<br> SplitLayout</a> <a href="../vaadin-split-layout/demo/">Demo</a> <li> <a href="../vaadin-context-menu/">Vaadin<br> ContextMenu</a> <a href="../vaadin-context-menu/demo/">Demo</a> <li> <a href="../vaadin-text-field/">Vaadin<br> TextField</a> <a href="../vaadin-text-field/demo/">Demo</a> <li> <a href="../vaadin-button/">Vaadin<br> Button</a> <a href="../vaadin-button/demo/">Demo</a> <li> <a href="../vaadin-form-layout/">Vaadin<br> FormLayout</a> <a href="../vaadin-form-layout/demo/">Demo</a> <li> <a href="../vaadin-icons/">Vaadin<br> Icons</a> <a href="../vaadin-icons/demo/">Demo</a> </ul> </nav> </body> </html>