Ubuntu
29 lines
991 B
TypeScript
29 lines
991 B
TypeScript
import * as React from "react"
|
|
import { Drawer } from "@/components/retroui/Drawer"
|
|
import { Button } from "@/components/retroui/Button"
|
|
|
|
export default function DrawerStyleDefault() {
|
|
return (
|
|
<Drawer>
|
|
<Drawer.Trigger asChild>
|
|
<Button>Submit</Button>
|
|
</Drawer.Trigger>
|
|
<Drawer.Content>
|
|
<Drawer.Header>
|
|
<Drawer.Title>Are you absolutely sure?</Drawer.Title>
|
|
<Drawer.Description>This action cannot be undone.</Drawer.Description>
|
|
</Drawer.Header>
|
|
<Drawer.Footer>
|
|
<div className="flex justify-center gap-3">
|
|
<Button>Submit</Button>
|
|
<Drawer.Close>
|
|
<Button variant="outline">Cancel</Button>
|
|
</Drawer.Close>
|
|
</div>
|
|
|
|
</Drawer.Footer>
|
|
</Drawer.Content>
|
|
</Drawer>
|
|
)
|
|
}
|