PopoverTrigger

PopoverTrigger is part of the Overlays set, imported from @jcsoftdev/ui/overlays.

Import

import { PopoverTrigger } from "@jcsoftdev/ui/overlays";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/overlays/popover.

Usage

export const Default: Story = {
  render: (args) => (
    <Popover>
      <PopoverTrigger asChild>
        <Button variant="secondary">Ver cliente</Button>
      </PopoverTrigger>
      <PopoverContent {...args}>
        <ClientCard />
      </PopoverContent>
    </Popover>
  ),
};

Source of the Storybook story.

Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Open By Default
• Top End
• Anchored To Element

Source

packages/ui/src/overlays/popover/popover.tsx