Community Modifiers
Due to bundle size and complexity constraints, we can't include all the possible modifiers in the core library, but we do encourage everybody to publish their own custom modifiers in dedicated npm packages!
When you do so, please make sure to add the popperjs-modifier
keyword to your package.json, so that other people can easily
discover the community modifiers on npm.
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!
They are small and unobtrusive.
Alternatively, support us on Open Collective!
You can find all the information needed to learn how to create your very own custom modifiers by visiting the dedicated docs.
Below you can find a few common examples to help get you started:
maxSizemodifier: changes the size of your popper to fit it within the available viewport space. (published as an npm package)sameWidthmodifier: make your popper the same width as the reference.