OddApp Design

Popover

@oddapp/ui · Tier 1

Floating panel anchored to a trigger element for secondary actions or info.

Default

import { Popover, PopoverTrigger, PopoverContent, Button } from '@oddapp/ui'

<Popover>
  <PopoverTrigger asChild>
    <Button variant="secondary">Open</Button>
  </PopoverTrigger>
  <PopoverContent>
    <p>Popover content goes here.</p>
  </PopoverContent>
</Popover>