Folium

Beautifully sheet component build on top of Radix UI.

This a Fork of Vaul from Emil Kowalksi which tries to improve and fix some old issues related to that component, thanks to Emil for his great work, this would not be possible without him.

Installation

npm install folium

Basic usage

import { Drawer } from "folium";


export function App(){
    return ( 
        <Drawer.Root>
            <Drawer.Trigger>
                Open Drawer
            </Drawer.Trigger>
            <Drawer.Portal>
            <Drawer.Overlay />
                <Drawer.Content>
                <Drawer.Title>
                    Drawer Title
                </Drawer.Title>
                <Drawer.Description>
                    Drawer Description
                </Drawer.Description>
            
                <Drawer.Close>
                    Close
                </Drawer.Close>
                </Drawer.Content>
            </Drawer.Portal>
        </Drawer.Root>

    )
}

Docs

We made an awesome Docs Site to explore the capabilities of Folium, check it out here you will find examples and documentation for all the components and hooks included in Folium.