123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- <!--
- @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>
|