Pepulux Playbook

Popover

Floating content panel anchored to a trigger element. Click trigger to toggle. Click outside to close.

import{ Popover } from "@pepulux/ui"

Default

Placements

Props

PropTypeDefaultDescription
trigger*ReactNode—Element that toggles the popover
children*ReactNode—Popover panel content
placement"top" | "bottom" | "left" | "right""bottom"Preferred position relative to trigger
Application component → Overlayswww.pepulux.com

Notes and documentation

Space for notes, documentation, and best practices for using these components.

Contextual content on demand

Popovers show extra information or a small form anchored to a trigger. Dismiss on outside click or Escape and keep the content short.