Skip to content

Commit

Permalink
Updated Readme with style info
Browse files Browse the repository at this point in the history
  • Loading branch information
Bryce Kolton committed Jul 8, 2020
1 parent f98aca9 commit c183ea6
Showing 1 changed file with 19 additions and 0 deletions.
19 changes: 19 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -122,6 +122,25 @@ export const MyReactComponent = () => (
);
```

## Styling

Feel free to use React's `style` attribute (or other packages like Styled
Components) to style your content. The example below will make the button text
color red.

```jsx
const VaadinButton = reactify("vaadin-button");

export const MyReactComponent = () => (
<VaadinButton onClick={onClick} style={{ color: "red" }}>
Click me!
</VaadinButton>
);
```

> Remember that some web components are in shadow DOMs and are _not_ stylable
> from the outside. Content injected as children is always stylable.
# Composability Details

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

0 comments on commit c183ea6

Please sign in to comment.