https://github.com/eliseusantos/highlighter

Library to highlight micro frontend components with gradient borders and dynamic tooltips
https://github.com/eliseusantos/highlighter

hightlight library mfe

Last synced: about 1 year ago
JSON representation

Library to highlight micro frontend components with gradient borders and dynamic tooltips

• Host: GitHub
• URL: https://github.com/eliseusantos/highlighter
• Owner: EliseuSantos
• Created: 2024-09-12T17:27:45.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-20T04:23:25.000Z (over 1 year ago)
• Last Synced: 2025-05-25T11:44:14.409Z (about 1 year ago)
• Topics: hightlight, library, mfe
• Language: TypeScript
• Homepage:
• Size: 438 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: Contributing.md

Awesome Lists containing this project

README

          
[![codecov](https://codecov.io/gh/mfe-pro/highlighter/branch/main/graph/badge.svg?token=IBB6PC8S7C)](https://codecov.io/gh/mfe-pro/highlighter)

# MFE Pro Highlighter

![MFE Pro Highlighter](./logo.webp)

**MFE Pro Highlighter** is a library to highlight micro frontend components with gradient borders and dynamic tooltips.

## How to Use

1. Import the script from jsDelivr:

```html

```

2. Call the function to start the highlight:

```html

Test Element



  window.MFEHighlighterConfig = {

    org: '@test',

    barColor: 'red',

    fontColor: 'white',

    primaryColor: '#ff6995',

    secondaryColor: '#3ecdff',

    buttonActiveColor: '#ff6995',

    buttonInactiveColor: '#3ecdff',

    iconActiveColor: '#ffffff',

    iconInactiveColor: '#000000',

    autoInit: true

  };

```