Popover

Click-triggered floating panel with focus management. Built from scratch on the in-house floating + dismiss stack.

Usage

import { Popover, Button } from '@bwo-ui/react';

<Popover.Root>
  <Popover.Trigger asChild>
    <Button variant="ghost">Open popover</Button>
  </Popover.Trigger>
  <Popover.Content side="bottom">
    <h4>Quick settings</h4>
    <p>Whatever lives in this little panel.</p>
  </Popover.Content>
</Popover.Root>