DEV Community

Discussion on: Inline Styling with JSX

sabahang profile image
Saba Ahang

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

blakehunsicker profile image
Blake Hunsicker

I have the same problem-- hyphens cause errors.

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