File tree Expand file tree Collapse file tree 1 file changed +19
-0
lines changed Expand file tree Collapse file tree 1 file changed +19
-0
lines changed Original file line number Diff line number Diff line change @@ -122,6 +122,25 @@ export const MyReactComponent = () => (
122122);
123123``` 
124124
125+ ## Styling  
126+ 
127+ Feel free to use React's ` style `  attribute (or other packages like Styled
128+ Components) to style your content. The example below will make the button text
129+ color red.
130+ 
131+ ``` jsx 
132+ const  VaadinButton  =  reactify (" vaadin-button"  );
133+ 
134+ export  const  MyReactComponent  =  () =>  (
135+  < VaadinButton onClick= {onClick} style= {{ color:  " red"   }}> 
136+  Click me! 
137+  < / VaadinButton> 
138+ );
139+ ``` 
140+ 
141+ >  Remember that some web components are in shadow DOMs and are _ not_  stylable
142+ >  from the outside. Content injected as children is always stylable.
143+ 
125144# Composability Details  
126145
127146Many web components are "composable," meaning that in order to get a desired
                                 You can’t perform that action at this time. 
               
                  
0 commit comments