0.5.2 • Published 2 years ago

@ax-design/reveal-highlight v0.5.2

Weekly downloads
228
License
MIT
Repository
github
Last release
2 years ago

Installation

// with npm
npm install @ax-design/reveal-highlight

// with yarn
yarn add @ax-design/reveal-highlight

and import it:

//CommonJS
require('@ax-design/reveal-highlight').register();

//ESModule
import { register } from '@ax-design/reveal-highlight';
register({
  compat: true,
  borderDetectionMode: 'experimentalAutoFit',
});

Usage

To add a reveal effect on your web application, you need to wrap a ax-reveal component with ax-reveal-provider and ax-reveal-bound.

ax-reveal-provider will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).

ax-reveal-bound will manage the rendering behavior of ax-reveal components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.

Here's an example:

<ax-reveal-provider>
  <h1>Welcome to project Axiom!</h1>
  <ax-reveal-bound>
    <ax-reveal>
      <button class="ax-reveal-button">Button 1</button>
    </ax-reveal>
    <ax-reveal>
      <button class="ax-reveal-button">Button 2</button>
    </ax-reveal>
  </ax-reveal-bound>
<ax-reveal-provider>

Style Controlling

0.5.2

2 years ago

0.4.1

4 years ago

0.4.0

4 years ago

0.4.2

4 years ago

0.3.0-alpha.15

4 years ago

0.3.0-alpha.13

4 years ago

0.3.0-alpha.14

4 years ago

0.3.0-alpha.11

4 years ago

0.3.0-alpha.12

4 years ago

0.3.0-alpha.10

4 years ago

0.3.0-alpha.6

4 years ago

0.3.0-alpha.7

4 years ago

0.3.0-alpha.8

4 years ago

0.3.0-alpha.9

4 years ago

0.3.0-alpha.4

4 years ago

0.3.0-alpha.5

4 years ago

0.3.0-alpha.3

4 years ago

0.2.1-alpha.1

4 years ago

0.2.0-beta.5

4 years ago

0.3.0-alpha.2

4 years ago

0.3.0-alpha.1

4 years ago

0.2.0

4 years ago

0.2.0-beta.4

4 years ago

0.2.0-beta.3

4 years ago

0.2.0-beta.2

4 years ago

0.2.0-beta.1

4 years ago

0.2.0-alpha.8

4 years ago

0.2.0-alpha.7

4 years ago

0.2.0-alpha.6

4 years ago

0.2.0-alpha.5

4 years ago

0.2.0-alpha.4

4 years ago

0.2.0-alpha.3

4 years ago

0.2.0-alpha.2

4 years ago

0.2.0-alpha.1

4 years ago

0.1.11

5 years ago

0.1.10

5 years ago

0.1.10-beta.0

6 years ago

0.1.9

6 years ago

0.1.9-beta.2

6 years ago

0.1.9-beta.1

6 years ago

0.1.9-beta.0

6 years ago

0.1.8

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.3

6 years ago

0.1.1-beta.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago