---
title: "Discussion on \"(오픈소스 분석) Radix Popper\" | Hashnode"
description: "Discussion on \"(오픈소스 분석) Radix Popper\". @radix-ui/react-popper 라이브러리 코드를 살펴본다.\n용도\nAnchor를 클릭했을 때, 해당 Anchor에 연결되어있는 UI를 렌더링할 수 있으며, Viewport와의 Collision을 감지하여 자동으로 콘텐츠 위치가 조절된다. 연결되어있는 Anchor를 가리키기 위한 Arrow도 표현 가능하다.\n\n구조\n<Popper.Root>\n  <Popper.Anchor>open</Popper.Anchor>\n  <Popper.Content..."
url: "https://hashnode.com/posts/radix-popper/661e2d147170a10b6927957a"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [(오픈소스 분석) Radix Popper](https://mjsdo.hashnode.dev/radix-popper?utm_source=hashnode&utm_medium=feed)

@radix-ui/react-popper 라이브러리 코드를 살펴본다. 용도 Anchor를 클릭했을 때, 해당 Anchor에 연결되어있는 UI를 렌더링할 수 있으며, Viewport와의 Collision을 감지하여 자동으로 콘텐츠 위치가 조절된다. 연결되어있는 Anchor를 가리키기 위한 Arrow도 표현 가능하다. 구조 <Popper.Root> <Popper.Anchor>open</Popper.Anchor> <Popper.Content...

Apr 16, 2024 · 6 min read · mjsdo.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)

## Written by

[mjsdo](https://hashnode.com/@mjsdo)

@mjsdo · Seoul, Korea

  
[View profile](https://hashnode.com/@mjsdo)

Frontend developer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.