<Popover
  title="Notifications"
  description="3 unread"
  trigger={
    <Button variant="outline">
      Open popover
    </Button>
  }
  footer={<LinkButton>View all</LinkButton>}
>
  <div className="flex flex-col">
    {/* notification rows */}
  </div>
</Popover>

<Popover
  align="end"
  width={240}
  trigger={
    <IconButton
      icon={faFilter}
      type="outline"
      aria-label="Quick filters"
    />
  }
>
  <div className="flex flex-col gap-xs p-md">
    <Checkbox label="High priority" />
    <Checkbox label="Overdue" />
    <Checkbox label="Unassigned" />
  </div>
</Popover>