Q: Dynamic classes in <div> in SugarCube2?

Authoring Twine
1

Twine Version: 2.9.2

Hello everybody,
is it possible in SugarCube2 to have

classes inserted from variables?

What I want to do is something like this:

_nodeData was obviously loaded previously and contains all the relevant
node data that will be used to render the button to click on.

<<set _nodeName to _nodeData.name>>
<<set _nodeIcon to _nodeData.icon>>
<<set _nodePosition to _nodeData.position>>

<div class=_nodePosition>
  [img[$imgPath + _nodeIcon][_nodeName][$enter to true]]
</div>

But all I get is something like this:
image

Can I do this dynamic assignment of classes with simple Twine code?

Thanks, Pesha.

2

I believe putting an @ before the attribute name will work?

<div @class="_nodePosition">

The HTML attribute directive in the docs

3

Yes it is! Even indicated in the SugarCube documentation

4

Yes, sorry, due to my inexperience I missed this detail.
Putting an @ in front solves the issue.
Thanks, Pesha.