Popover

import { Popover } from "fromsrc/client";

<Popover trigger={<button>click me</button>}>
  <p>popover content here</p>
</Popover>;

<Popover align="start" trigger={<button>start</button>}>
  aligned left
</Popover>

<Popover align="center" trigger={<button>center</button>}>
  centered content
</Popover>

<Popover align="end" trigger={<button>end</button>}>
  aligned right
</Popover>

<Popover side="bottom" trigger={<button>below</button>}>
  appears below
</Popover>

<Popover side="top" trigger={<button>above</button>}>
  appears above
</Popover>