You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 2.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!--
  2. @license
  3. Copyright (c) 2016 Vaadin Ltd.
  4. This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  5. -->
  6. <html>
  7. <head>
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>Vaadin Core Elements</title>
  12. <style>
  13. body {
  14. font: normal normal normal 12pt/1.5 sans-serif;
  15. max-width: 38rem;
  16. margin: 0 auto;
  17. padding: 2rem;
  18. }
  19. nav {
  20. text-align: left;
  21. }
  22. nav ul {
  23. margin: 0 -1rem;
  24. padding: 0;
  25. list-style: none;
  26. }
  27. nav li {
  28. display: inline-block;
  29. vertical-align: top;
  30. width: 8rem;
  31. padding: 1rem;
  32. text-align: center;
  33. }
  34. nav a {
  35. display: block;
  36. padding: 1rem;
  37. background: deepskyblue;
  38. color: white;
  39. text-decoration: none;
  40. -webkit-font-smoothing: antialiased;
  41. transition: opacity .5s;
  42. }
  43. nav a:hover {
  44. opacity: 0.75;
  45. transition: opacity .1s;
  46. }
  47. nav a:first-child {
  48. background: gray;
  49. padding-top: .75rem;
  50. padding-bottom: .75rem;
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <h1>Vaadin Core Elements</h1>
  56. <nav>
  57. <ul class="layout horizontal wrap">
  58. <li>
  59. <a href="../vaadin-grid/">Vaadin<br> Grid</a>
  60. <a href="../vaadin-grid/demo/">Demo</a>
  61. <li>
  62. <a href="../vaadin-combo-box/">Vaadin<br> ComboBox</a>
  63. <a href="../vaadin-combo-box/demo/">Demo</a>
  64. <li>
  65. <a href="../vaadin-date-picker/">Vaadin<br> DatePicker</a>
  66. <a href="../vaadin-date-picker/demo/">Demo</a>
  67. <li>
  68. <a href="../vaadin-upload/">Vaadin<br> Upload</a>
  69. <a href="../vaadin-upload/demo/">Demo</a>
  70. <li>
  71. <a href="../vaadin-split-layout/">Vaadin<br> SplitLayout</a>
  72. <a href="../vaadin-split-layout/demo/">Demo</a>
  73. <li>
  74. <a href="../vaadin-context-menu/">Vaadin<br> ContextMenu</a>
  75. <a href="../vaadin-context-menu/demo/">Demo</a>
  76. <li>
  77. <a href="../vaadin-text-field/">Vaadin<br> TextField</a>
  78. <a href="../vaadin-text-field/demo/">Demo</a>
  79. <li>
  80. <a href="../vaadin-button/">Vaadin<br> Button</a>
  81. <a href="../vaadin-button/demo/">Demo</a>
  82. <li>
  83. <a href="../vaadin-form-layout/">Vaadin<br> FormLayout</a>
  84. <a href="../vaadin-form-layout/demo/">Demo</a>
  85. <li>
  86. <a href="../vaadin-icons/">Vaadin<br> Icons</a>
  87. <a href="../vaadin-icons/demo/">Demo</a>
  88. </ul>
  89. </nav>
  90. </body>
  91. </html>