Interactive Shortcodes

Two shortcodes let you add interactivity to any page without writing JavaScript.


Slideover


DConfig - Toggle on Click

This panel toggles when you click the button above.


Syntax Reference

Slideover attributes:

Attribute Default Description
title - Panel header text
trigger "Open" Button label
size "md" sm, md, lg
position "right" right or left

DConfig format:

[dconfig]
{
  "#selector": {
    "events": {
      "click": { "target": "#other-selector", "toggleClass": "class-name" }
    }
  }
}
[/dconfig]

See the Shortcode Reference for full documentation.


← Back to Resources