说明浮层 Popover

<button class="xxd-btn" data-xxd-popover="p1">这是什么？</button>
<div class="xxd-popover" id="p1" popover>主色会被自动提亮或加深。</div>

export function PopoverDemo() {
  return (
    <Popover.Root>
      <Popover.Trigger render={<Button />}>这是什么？</Popover.Trigger>
      <Popover.Portal>
        <Popover.Positioner>
          <Popover.Popup>
            <Popover.Arrow />
            <Popover.Title>主色</Popover.Title>
            <Popover.Description>会被自动提亮或加深，保证在亮暗两种纸上都看得清。</Popover.Description>
          </Popover.Popup>
        </Popover.Positioner>
      </Popover.Portal>
    </Popover.Root>
  );
}