DEV Community

Discussion on: Inline Styling with JSX

Collapse
sabahang profile image
Saba Ahang

hey, how about hyphenated properties like flex-direction? Typescript doesn't seem to like it

Collapse
blakehunsicker profile image
Blake Hunsicker

I have the same problem-- hyphens cause errors.

Collapse
shaynali profile image
Shayaan Syed Ali

You and Saba have likely figured this out by now, but future readers might want to know to use lower camelCase for this, e.g. for min-height:

<div style={{minHeight: 'calc(100vh - 100px)'}}></div>
Enter fullscreen mode Exit fullscreen mode