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