OddApp Design

Sheet

@oddapp/ui · Tier 1

Slide-over panel that opens from a screen edge for focused workflows.

Default

import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, Button } from '@oddapp/ui'

<Sheet>
  <SheetTrigger asChild>
    <Button variant="secondary">Open sheet</Button>
  </SheetTrigger>
  <SheetContent side="right">
    <SheetHeader>
      <SheetTitle>Edit record</SheetTitle>
    </SheetHeader>
    <p>Sheet body content.</p>
  </SheetContent>
</Sheet>