Ask Question

Chakra-UI: how can I define -webkit-box-orient: vertical

I need to define -webkit-box-orient: vertical; on a <Box> component.
I could not find anything reg. this

ReactchakraCSS

375 views

Authorยดs AnkiCodes image

AnkiCodes

Last edited on

1 Answer available

Best answer

My current workaround is this:

<Box
  sx={{
    ['WebkitBoxOrient' as any]: 'vertical',
  }}
>
  {children}
</Box>

As you can see the webkit prop has to casted to any which is not nice, but at least it works