Components
Popover
Code

Popover

▸ Popover(props): null | ReactElement<any, string | JSXElementConstructor<any>>

Popover containers allow merchants to access and interact with more information of an item through an overlay.

Parameters

NameType
propsPopoverProps & RefAttributes<HTMLDivElement (opens in a new tab)>

Returns

null | ReactElement<any, string | JSXElementConstructor<any>>

Example

example.tsx
<PopoverProvider>
  <PopoverTrigger>Trigger</PopoverTrigger>
  <Popover>Content</Popover>
</PopoverProvider>
import React from 'react'
import { PopoverProvider, PopoverTrigger, Popover } from '@vtex/shoreline-components'

export default function App() {
return (<>
<PopoverProvider>
<PopoverTrigger>Trigger</PopoverTrigger>
<Popover>Content</Popover>
</PopoverProvider>
</>
)}
Open on CodeSandboxOpen Sandbox

Defined in

node_modules/.pnpm/@types+react@18.2.14/node_modules/@types/react/ts5.0/index.d.ts:355

PropsProps