Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement Positioned Overlay Component #2

Open
mfunkie opened this issue May 21, 2015 · 0 comments
Open

Implement Positioned Overlay Component #2

mfunkie opened this issue May 21, 2015 · 0 comments

Comments

@mfunkie
Copy link
Owner

mfunkie commented May 21, 2015

Ideally the API would look somewhat similar to React Bootstrap's OverlayTrigger, but instead of being triggered, the Overlay would always display if it is in the render tree.

I'm looking to add the following parameters

placement: top, right, bottom, left
anchor: top, right, bottom, left. Anchor would respect top and bottom for right or left placed elements, and left and right for top or bottom placed elements. Anchor would set the top left of the Overlayed element based on the positioning of the element passed as children.

A planned implementation would look like

<PositionedOverlay overlay={<div>I am an overlay</div>} placement='bottom' anchor='right'>
  <button>I am the button to anchor around</button>
</PositionedOverlay>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant