Skip to content
Documentation/MoveTextDirective

Search documentation

Type to search the documentation.

Reference

MoveTextDirective

Splits the host's text content into animated spans/words.

Overview

Splits the host's text content into animated spans/words. The directive owns and replaces the host's children, so its text content must be static — do not also bind interpolated content inside the same element, since re-splitting on an input change and Angular's own text reconciliation would fight over the same nodes.

Stable API — covered by semantic-versioning guarantees.

  • Kind: Directive
  • Stability: stable

Selector

[moveText]

Inputs

Input Type Default Required Description
moveText MovePreset | MoveKeyframes 'fade-up'
moveTextSplit "chars" | "words" 'chars'
moveTextStagger unknown 30 Transform timeAttribute('moveTextStagger', 30); reads as number.
moveDuration unknown undefined Transform optionalTimeAttribute('moveDuration'); reads as number | undefined.
moveEasing string | undefined undefined
moveDelay unknown undefined Transform optionalTimeAttribute('moveDelay'); reads as number | undefined.
moveDisabled unknown undefined Transform optionalBooleanAttribute; reads as boolean | undefined.
moveSpring MoveSpring | undefined undefined