https://github.com/bastienmoulia/ngx-overlay
Overlay components for Angular (popover, dialog, tooltip...)
https://github.com/bastienmoulia/ngx-overlay
angular tooltip
Last synced: 6 days ago
JSON representation
Overlay components for Angular (popover, dialog, tooltip...)
- Host: GitHub
- URL: https://github.com/bastienmoulia/ngx-overlay
- Owner: bastienmoulia
- License: mit
- Created: 2025-05-20T15:20:52.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-06-02T20:21:52.000Z (17 days ago)
- Last Synced: 2025-06-10T11:12:45.586Z (9 days ago)
- Topics: angular, tooltip
- Language: TypeScript
- Homepage: https://bastienmoulia.github.io/ngx-overlay/
- Size: 286 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- fucking-awesome-angular - ngx-overlay - A lightweight Angular library designed to leverage the latest CSS and HTML features while maintaining compatibility with most browsers. It provides an elegant solution for creating overlay components such as modals, tooltips, and popups using modern web standards. (Table of contents / Third Party Components)
- awesome-angular - ngx-overlay - A lightweight Angular library designed to leverage the latest CSS and HTML features while maintaining compatibility with most browsers. It provides an elegant solution for creating overlay components such as modals, tooltips, and popups using modern web standards. (Table of contents / Third Party Components)
README
# NgxOverlay
NgxOverlay is a lightweight Angular library designed to leverage the latest CSS and HTML features while maintaining compatibility with most browsers. It provides an elegant solution for creating overlay components such as modals, tooltips, and popups using modern web standards. The library is built with performance and flexibility in mind, allowing developers to implement rich overlay experiences without sacrificing browser support across different platforms.
## Installation
```bash
npm install @ngx-overlay/ngx-overlay
```
## Compatibility issues and workarounds
- For positioning overlays, the CSS anchors positioning feature is used, which is [not supported in some browsers yet](https://caniuse.com/css-anchor-positioning). To ensure compatibility, the `@floating-ui/dom` library is loaded when needed.
- For displaying tooltips, we use the `interesttarget` attribute, which is not supported in all browsers. To ensure compatibility, we use a [polyfill](https://github.com/mfreed7/interesttarget).
## Usage
// TODO: Add usage instructions
## Contributing
We welcome contributions to NgxOverlay! If you have suggestions, bug reports, or feature requests, please open an issue or submit a pull request on our [GitHub repository](https://github.com/bastienmoulia/ngx-overlay).