Core build

The full Attractive.js build includes all built-in actions, you can also just use the core and compose actions as you need.

import Attractive from "attractivejs/core";

Import only the actions you need:

import { toggleClass } from "attractivejs/actions/class";
import { copy } from "attractivejs/actions/clipboard";

Pass them as the addActions option to activate(). The key is the action name used in @action="", the value is the imported function:

import Attractive from "attractivejs/core";

Attractive.activate({
  addActions: { toggleClass, copy }
});

Custom actions work the same way. The action is a function you define:

// const analytics = (element, context) => { … };

Attractive.activate({
  addActions: { analytics }
});

You get a minimal build with exactly the actions your project uses.

Available imports