Skip to content

Commit c183ea6

Browse files
author
Bryce Kolton
committed
Updated Readme with style info
1 parent f98aca9 commit c183ea6

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

README.md

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff 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

127146
Many web components are "composable," meaning that in order to get a desired

0 commit comments

Comments
 (0)