Why are Popper and Popover separate components? How are they different? When to use each? #553
-
|
From my understanding the main differences between them are that the Popover is modal component and the Popper supports modifiers (like the arrow nub) due to using Popper.js under the hood. Beyond this, they seem rather similar to me. Why not just have a Popper component with a "modal" property? When would you recommend using one over the other? In particular, since you provide a sample of how to achieve modal functionality with Popper using a ClickAwayListener, what advantages does Popover have over Popper? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 5 replies
-
|
I know it's a bit confusing, but what you observe on the live Base UI site doesn't represent what will exist soon when we release the first alpha version. We're revamping the library entirely from its current version. They won't be separate in the new version. |
Beta Was this translation helpful? Give feedback.
-
|
Exciting! Looking forward to the changes. :) |
Beta Was this translation helpful? Give feedback.
-
|
@atomiks, I realized I mistakenly asked this under base-ui. Is it the same in mui-material? |
Beta Was this translation helpful? Give feedback.
-
|
The plan is to build Material UI v7—which will be released next year—on top of Base UI. So we will address any weirdness/confusion then. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks! Do you know yet what the new unified component will be called? |
Beta Was this translation helpful? Give feedback.
-
|
Popover |
Beta Was this translation helpful? Give feedback.
I know it's a bit confusing, but what you observe on the live Base UI site doesn't represent what will exist soon when we release the first alpha version. We're revamping the library entirely from its current version. They won't be separate in the new version.