Popover

import { Popover, PopoverTrigger, PopoverContent } from '@caroainc/ui-components/client'

<Popover>
  <PopoverTrigger asChild>
    <Button variant="outline">開く</Button>
  </PopoverTrigger>
  <PopoverContent>
    ポップオーバーの内容
  </PopoverContent>
</Popover>

<Popover>
  <PopoverTrigger>ヒント</PopoverTrigger>
  <PopoverContent>説明文</PopoverContent>
</Popover>

<PopoverContent padding="none">...</PopoverContent>
<PopoverContent padding="sm">...</PopoverContent>
<PopoverContent padding="md">...</PopoverContent>  {/* デフォルト */}
<PopoverContent padding="lg">...</PopoverContent>