어쩌다 알게 된 ƪ(•̃͡•̃͡ ƪ

Popovers, usePopper 사용법, 공식문서 본문

개발/🟦 React

Popovers, usePopper 사용법, 공식문서

비니_ 2026. 1. 13. 18:14
728x90

 

Popovers

https://react-bootstrap-v5.netlify.app/components/overlays/#popovers

 

React-Bootstrap

The most popular front-end framework, rebuilt for React.

react-bootstrap-v5.netlify.app

usePopper

https://popper.js.org/docs/v2/constructors/#placement

 

https://popper.js.org/docs/v2/constructors/#placement

Constructors Popper comes with two constructor functions to use. Don't mind tech-related ads? Consider disabling your ad-blocker to help us!They are small and unobtrusive.Alternatively, support us on Open Collective! createPopper The createPopper construct

popper.js.org

 

<Popovers
    id="selectDate"
    placement={'bottom'}
    flip='right'
    ref={popRef}
    desc={CalendarContent}
    className="mw-100"
    trigger="click"
>

 

flip => placement 했을 시 잘리거나 할 경우 차선책으로 정해 놓는 옵션

728x90

'개발 > 🟦 React' 카테고리의 다른 글

ReactToPrint 특정 페이지 출력_리액트 라이브러리  (0) 2026.01.13
리액트에서 apiHelper.js 의 역할  (0) 2026.01.13
[FE] type.maybe, maybeNull  (0) 2026.01.07
[FE] MST란? React_MobX State Tree  (0) 2026.01.07
React useEffect로 body class넣기 / 리팩토링  (0) 2026.01.06
'개발/🟦 React' Related Articles more
Comments