hiki - a dialog will turn into a drawer on small viewport
Preview the example on https://hiki.minhle.space/
import { Dialog } from "@monodyle/hiki"; // not published yet...
function Application() {
return (
<Dialog target={({ open }) => <button onClick={open}>Open Dialog</button>}>
<div className="content">
{({ close }) => (
{/* Your code here */}
)}
</div>
</Dialog>
)
}
yarn # install dependencies
yarn dev # make it awesome
Inspired by Devon Govett
MIT © Monody Le 2023+