[Slideover] Add direction from Bottom and top

[xlanex6]

I coulb be nice to have four direction ( left , top , right and bottom ) values in side props.

Currently, is only right | left option value

the aim could be to ADD two more origins directions , top and bottom ( sick to css naming convention )

The bottom one coulb be usefull for mobile

like this

I will propose a PR

PS: I 'still OS rookie

[ddahan]

The bottom one could be useful for mobile

Good point. Especially because default slideover takes all the space in mobile. This could even be a default behaviour, to open slideover on side on desktop, and from the bottom on mobile.

[benjamincanac]

I agree, this would be very nice!

[tiendatleo]

Hi @xlanex6 , let try using my temporary workaround while waiting for @nuxt/ui team add more options wrapper: 'inset-[unset] top-[130px] bottom-0', width: 'max-w-full', translate: { base: 'translate-y-0 translate-x-0', right: 'translate-y-full rtl:-translate-y-full translate-x-0 rtl:-translate-x-0', }, rounded: 'rounded-xl'

Pass it to :ui prop

[casually-creative]

We are in need of this as well. We would like a mobile filtering section to slide in from the bottom to the top. Even full width. Hope this gets added soon.

[QuaDDsf]

@benjamincanac How do I use this? I have specified edge version and this doesn't seem available yet.

[noook]

@QuaDDsf it is not available at all. What the related issue stated is that it is something that will be available in v3, so you can either check the v3 code base and inspire yourself to adapt it for your project, or just wait for the v3 release.

The edge channel is just a built and published version of the current dev branch. It is useful when a bug has been very recently fixed, merged but not released yet.

Keep in mind that, as far as I know, there is no v3 release estimation yet