Vaadin components (js) restyle

Flow
1

Hello.

I’m big fan of Vaadin (java). I’m trying the js world but i’m getting little bit frustrated.

Can anybody answer this question: “how to restyle (for example background color of vaadin-text-field component)”

Thanks

2

Here’s an example: https://vaadin.com/components/vaadin-text-field/html-examples/text-field-styling-demos

3

Jouni Koivuviita:
Here’s an example: https://vaadin.com/components/vaadin-text-field/html-examples/text-field-styling-demos

Thanks for answer. But i put little extra param to question. How to restyle component in react component. I compose some Component with vaadin and classic html. And i wanna restyle the vaadin part of component.

This is how i’m creating react components: https://reactjs.org/tutorial/tutorial.html

4

The styling mechanism is the same even if you are using Vaadin components inside React components. You need to have a <dom-module id="..." theme-for="..."> in the app before you create the first instance of a component that uses the theme.