USlideover UI prop

[jswhisperer]

Description

Reading the docs I'm assuming to change the width of the slideover is done with UI prop and setting wrapper?

<USlideover :ui="{ wrapper: 'classWithWidth' }"

I tried
<style lang="scss"> .classWithWidth { border: solid red 10px!important; } </style>

and doesn't render at all, any tips?

[jswhisperer]

nuxt UI seems to use reka-ui for slideover but can't figure out how to override css

https://reka-ui.com/docs/components/dialog#scrollable-overlay

[jswhisperer]

figured it out

<USlideover
:ui="{
    content: 'max-w-xl'
  }" />