Popover

Click-triggered rich content overlay anchored to a trigger element.

Examples

Informational popover that opens on button click.

Popover containing a compact width/height form with an apply action.

Popover appears above the trigger using bottom-full positioning.

Explicit ✕ close button inside the popover for accessible dismissal.

pnpm add @rokle/components @rokle/tokens

Installs with the default Rokle brand. Generate a custom brand on rokle.app to use your own colours and personality.

import { Popover } from "@rokle/components";

import { Popover } from "@rokle/components";

export function Example() {
  return <Popover />;
}

Prop	Type	Default	Description
trigger	ReactNode	-	Element that opens the popover.
children	ReactNode	-	Popover content.