Note: This site is currently "Under construction". I'm migrating to a new version of my site building software. Lots of things are in a state of disrepair as a result (for example, footnote links aren't working). It's all part of the process of building in public. Most things should still be readable though.

Add Inline CSS To A React Element

- Use a `style` propery with a object inside the `{}` which results in `{{ stuff }}` - Use camleCaseNames instead of kabob-case-names

Code

const element = (
    <div style={{fontStyle: 'italic', backgroundColor: 'red'}}>
        this is inline CSS
    </div>
)