mfe-pro-highlighter
v1.2.3
Published
Library for highlighting micro frontends with dynamic tooltips and gradient borders.
Downloads
512
Maintainers
Readme
MFE Pro Highlighter
MFE Pro Highlighter is a library to highlight micro frontend components with gradient borders and dynamic tooltips.
How to Use
- Import the script from jsDelivr:
<script src="https://cdn.jsdelivr.net/npm/mfe-pro-highlighter@latest/dist/highlighter.min.js"></script>
- Call the function to start the highlight:
<div class="block" data-mfe-highlighter="true" data-mfe-name="my-package-name" data-mfe-owner="team-a"
data-mfe-version="1.0.0">Test Element
</div>
<script>
MFEHighlighter.init({
org: '@my-org',
barColor: '#ff0000',
fontColor: '#ff0000',
primaryColor: '#ff0000',
secondaryColor: '#00ff00'
});
</script>