SoybeanUI is now VeanUIMigration guidePackages moved to @vean/aria and @vean/ui, and the docs moved to veanui.com.This site redirects in Nov 2026; the @soybeanjs packages are deprecated in Apr 2027.
Components
Back to catalog
Component detail entry
Components
@soybeanjs/ui
SPopper

Popper

Popper belongs to the Components category. Start with demos and usage, then use the API tables to finish integration and styling decisions.

Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.

Quick jump

Related components

If you are composing interactions in the same family, these components usually pair well together.

Changelog

Version history is grouped by release so you can quickly see what changed for this component across published versions.

v0.16.0

2026-05-01

Compare release

Optimization

add class binding for anchor element and update PopperUiSlot type

Scope: popperAuthors: soybeanfeView commit21d02

v0.8.0

2026-02-10

Compare release

Feature

add hideShiftedArrow prop to control arrow visibility

Scope: popperAuthors: soybeanjsView commit6ce45

v0.0.8

2026-01-01

Compare release

Optimization

copy z-index from popup to positioner

Scope: popperAuthors: soybeanjsView commitffa35

Refactor

restructure popper components by removing PopperContent, adding PopperPositioner and PopperPopup, and updating context usage for improved clarity and functionality

Scope: popperAuthors: soybeanjsView commite7b76

v0.0.2

2025-11-18

Compare release

Feature

introduce Popper components for enhanced positioning and dynamic content management

Scope: popperAuthors: soybeanjsView commita5c20

Feature

introduce PopperContentWrapper component and enhance context management for content styling and element handling

Scope: popperAuthors: soybeanjsView commit7ab01

Feature

add sideFlip and alignFlip properties to enhance collision handling

Scope: popperAuthors: soybeanjsView commitbc252

Fix

correct floatingStyles reference in popper-content component for proper styling application

Scope: popperAuthors: soybeanjsView commit86bd2

Fix

handle undefined arrow position values to prevent CSS errors

Scope: popperAuthors: soybeanjsView commit1c337

Fix

enhance PopperAnchor to reactively update anchor element based on reference prop

Scope: popperAuthors: soybeanjsView commite9548

Refactor

rename element variable to anchorElement for clarity in popper-anchor component

Scope: popperAuthors: soybeanjsView commit6fcea

Refactor

simplify Arrow component usage by consolidating style binding in popper-arrow.vue

Scope: popperAuthors: soybeanjsView commitc7d2f

Refactor

remove PopperContentWrapper component and simplify context management; update PopperContent to enhance structure and style handling

Scope: popperAuthors: soybeanjsView commit36021

Refactor

eliminate PopperContentWrapper across menu, popover, and tooltip components; streamline element management and enhance structure for improved clarity and performance

Scope: popperAuthors: soybeanjsView commitaa6e8

Feature

introduce Popper components for enhanced positioning and dynamic content management

Scope: popperAuthors: soybeanjsView commita5c20

Feature

introduce PopperContentWrapper component and enhance context management for content styling and element handling

Scope: popperAuthors: soybeanjsView commit7ab01

Feature

add sideFlip and alignFlip properties to enhance collision handling

Scope: popperAuthors: soybeanjsView commitbc252

Fix

correct floatingStyles reference in popper-content component for proper styling application

Scope: popperAuthors: soybeanjsView commit86bd2

Fix

handle undefined arrow position values to prevent CSS errors

Scope: popperAuthors: soybeanjsView commit1c337

Fix

enhance PopperAnchor to reactively update anchor element based on reference prop

Scope: popperAuthors: soybeanjsView commite9548

Refactor

rename element variable to anchorElement for clarity in popper-anchor component

Scope: popperAuthors: soybeanjsView commit6fcea

Refactor

simplify Arrow component usage by consolidating style binding in popper-arrow.vue

Scope: popperAuthors: soybeanjsView commitc7d2f

Refactor

remove PopperContentWrapper component and simplify context management; update PopperContent to enhance structure and style handling

Scope: popperAuthors: soybeanjsView commit36021

Refactor

eliminate PopperContentWrapper across menu, popover, and tooltip components; streamline element management and enhance structure for improved clarity and performance

Scope: popperAuthors: soybeanjsView commitaa6e8