Popper
Popper Component
Playground
Popper requires an anchor element — see stories file for interactive demos
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| open | boolean | — | |
| placement | selecttop | bottom | left | right | — | |
| offset | number | — |
Default
Popper requires an anchor element — see stories file for interactive demos
Simulated
Simulated popper content
WithOffset
Popper below with 8px offset
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
offset | number | — | Distance from anchor in px |
open | boolean | — | Whether popper is visible |
placement | select | — | Placement relative to anchor |
Using Poppertsx
import { Popper } from '@/components/Popper'
<Popper
open="..."
placement="..."
offset="..."
/>Tokens Used
No design tokens detected