---
import { Drawer, Text } from "@dynamic-type/ddi/server";
---

<Text class="p:airy">
    <p>The drawer slides in from the bottom of the screen</p>

    {(<button data-ddi-toggle-drawer="example-drawer">open it</button>)}
</Text>

<Drawer id="example-drawer">
    <Text class="padded-content p:airy flex:1"><h2>I am a drawer!</h2></Text>
</Drawer>