Folium Docs

Migrate from Vaul

Guide to migrate from Vaul Drawer to Folium Sheet

Migration

We're using the same code base as Vaul Drawer, so migrate to Folium Sheet should be pretty easy, just change the imports. Look at the example below:

MyComponent.tsx
import { Drawer } from "vaul"; 
import { Drawer } from "folium"; 
// No changes need it to replace Vaul Drawer, just change the import to Folium 

export default function YourComponent(){
    return ( 
        <Drawer>
            ...
        </Drawer>
    )
}
React
import { Drawer } from "folium";

That's it. You're now using Folium Sheet instead of Vaul Drawer with a new and better support for what's next.

Something is not working?

Hmmm, that's strange. Folium Sheet is based on Vaul Drawer, so most of the things should work the same. But if you find something that is not working as expected, please open an issue in the GitHub repository and we'll take a look as soon as possible.