Vaadin Themes
Vaadin Themes
Install
To start using a theme, you need to install at least one Vaadin Core Element (such as vaadin-text-field) and the vaadin-themes package.
If you install the vaadin-core-elements bundle you get all the necessary dependencies.
Install individual elements…
…or install the bundle
Until there’s a stable release for vaadin-themes, you need to install the master branch of vaadin-core-elements.
Import a theme
After installing, import any element specific theme files you need. Here, we are importing the Valo theme for vaadin-text-field.
You need to import the theme for an element before the actual element itself.
Next steps
Next, you can start customizing the theme to your needs.
-
Built-in theme customization
Check the individual theme documentations to see what features they offer and which customizations are easy to do out of the box:
-
If there’s something you can’t accomplish with the built-in customization options, read the advanced styling and theming instructions.
-
If you want to create a completely new theme from scratch, read the instructions how to build and distribute your own theme.
-
If you need to support Internet Explorer 11 or Edge 14, read the browser compatibility instructions to avoid situations where your application doesn’t look the same in all browsers.