Go to github repo github logo

cc-popover

Edit this page on GitHub

Trigger Mode

cc-popover-wrapper supports three trigger modes: hover, focus, and click. You can use the trigger attribute to specify the trigger mode. The default trigger mode is click.

Click me(default)
  • You're signed in as @heybran
  • Settings
  • Sign out
Focus me
  • You're signed in as @heybran
  • Settings
  • Sign out
Hover me
  • You're signed in as @heybran
  • Settings
  • Sign out

Placement

cc-popover supports 12 placement options. You can use the placement attribute to specify the placement. The default placement is bottom-center. The placement options are bottom-center, bottom-start, bottom-end, top-center, top-start, top-end, left-center, left-start, left-end, right-center, right-start, and right-end.

TL

Top Start!

Top

Top Enter!

TR

Top End!

LT

Left Start!

Left

Left Enter!

LB

Left End!

RT

Right Start!

Right

Right Enter!

RB

Right End!

BL

Bottom Start!

Bottom

Bottom Center!

BR

Bottom End!