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

3125 views

AnkiCodes

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

AnkiCodes

Your answer