Popover

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13

import { PopoverClose, PopoverContent, PopoverTrigger } from "@gunkin/uiify";

export default function Example() {
  return (
    <div className="uiify-popover">
      <PopoverTrigger target="actions-popover">Actions</PopoverTrigger>
      <PopoverContent id="actions-popover" mode="auto" side="bottom" align="center">
        <a href="/profile">Profile</a>
        <PopoverClose target="actions-popover">Close</PopoverClose>
      </PopoverContent>
    </div>
  );
}