Directives

Directives are attributes you put on an HTML element in a slide.

Directive	What it does	Page
slide-ng-click	Shows the element at a click. Takes nothing, a number ("3"), a relative step ("+2") or, as a binding, a range [slide-ng-click]="[2, 4]".	Clicks
slide-ng-after	Shows the element together with the one before it.	Clicks
slide-ng-click-hide	With slide-ng-click, hides the element at the click instead of showing it.	Clicks
slide-ng-mark	Draws a hand-made mark at a click. Modifiers pick type and colour.	Marks
slide-ng-motion	Moves an element between named states.	Motion
slide-ng-drag	Makes an element movable and resizable, and saves the position. Takes [x, y, width, height], a name from dragPos, or nothing.	Draggable elements

Two forms of the same value

Angular reads slide-ng-click="3" as plain text, and slide.ng turns it into the number 3. For a value that is computed, or an array, use a binding: [slide-ng-click]="[2, 4]".

Components that work with them

<slide-ng-clicks> applies slide-ng-click to the items of a list. <slide-ng-switch> shows one child per click. <slide-ng-click-gap> skips clicks. <slide-ng-drag> and <slide-ng-drag-arrow> are the component forms of slide-ng-drag. See Components.

Not available

Vue's own directives (v-if, v-for, v-model, v-bind) are not there. Use Angular's control flow, see Angular in markdown. Slidev's slide hooks (onSlideEnter, onSlideLeave) are not supported either.