Reference
MoveStaggerDirective
Gives each animated child a delay from its DOM order, from the first, last or centre child, so lists cascade without index bookkeeping.
Overview
Gives each animated child a delay from its DOM order, from the first, last or centre child, so lists cascade without index bookkeeping.
Stable API — covered by semantic-versioning guarantees.
- Kind: Directive
- Stability:
stable
Selector
[moveStagger]
Inputs
| Input | Type | Default | Required | Description |
|---|---|---|---|---|
moveStagger |
unknown |
100 |
Delay between consecutive children — a MoveTime: a number is milliseconds, or "80ms" / "0.08s". A bare moveStagger attribute uses the 100ms default. Transform (inline function); reads as number | "" | MoveSpring. |
|
moveStaggerStep |
unknown |
undefined |
Overrides moveStagger's step — same MoveTime units. Transform optionalTimeAttribute('moveStaggerStep'); reads as number | undefined. |
|
moveStaggerDirection |
MoveStaggerDirection |
'first' |
Public methods
register
register(el: HTMLElement): void
| Parameter | Type | Optional | Description |
|---|---|---|---|
el |
HTMLElement |
unregister
unregister(el: HTMLElement): void
| Parameter | Type | Optional | Description |
|---|---|---|---|
el |
HTMLElement |
getDelay
getDelay(el: HTMLElement): number
| Parameter | Type | Optional | Description |
|---|---|---|---|
el |
HTMLElement |