API overview
| Page | What it covers |
|---|---|
| Options | Every option: name, attribute, type, default, range, allowed values. Searchable. |
| Methods & properties | new InsigneSlider(), static helpers, instance methods and state. |
| Events | ready, change, movestart, moveend, resize, autoplay, refresh, destroy. |
| Markup & attributes | Elements, slide attributes, layer attributes. |
| JSON schema | The spec accepted by InsigneSlider.create(). |
| Layer recipes | Built-in recipes and the frame format. |
| CSS variables & parts | Theming the controls. |
| TypeScript | Exported types. |
Entry points
| Import | Use |
|---|---|
https://slider.sadiksefa.com.tr/dist/insigne-slider.js | <script type="module">: registers the elements, starts [data-insigne], sets window.InsigneSlider. |
https://slider.sadiksefa.com.tr/dist/insigne-slider.iife.js | Classic <script>, everything in one file, same behavior. |
import … from 'insigne-slider' | Side-effect free ES module for bundlers. |
import 'insigne-slider/auto' | The CDN behavior from npm. |
Named exports
ts
import {
InsigneSlider, // the class (also the default export)
define, init, autoInit, // element registration and data-* startup
create, renderSlide, // JSON rendering
OPTIONS, EFFECTS, CSS_EFFECTS, GL_EFFECTS, EASES, KEN_BURNS, OVERLAYS, PARTICLES,
smartFit, parseFocus, parseSafe, // the placement math, for your own tools
InsigneSliderElement, InsigneSlideElement,
} from 'insigne-slider';