API REFERENCE · ANIMATION
<dj-transition-group>
Staggers the show of its dj-transition children.
The effects live on the children. The group only sets each child's show, with a delay.
npm install @dojo-ng/transition-group
import "@dojo-ng/transition-group";
How it works
- When the group's
showchanges, it sets each child'sshowin DOM order. Childistarts afteri * staggermilliseconds, for both enter and leave. - When every child has finished, the group emits one
dj-after-enterordj-after-leave. - Slotted elements that are not
dj-transitionare ignored.
Not built
- List-move (FLIP) animation.
- Forwarding
appearto the children. Setappearon each child instead.
Need one of these? Make a request on Discord or add an issue (work item) on Heptapod.
Properties
| Property | Attribute | Type | Default |
|---|---|---|---|
showTarget visibility, propagated to the children with a stagger. |
show reflected |
boolean |
false |
staggerMilliseconds between successive children. 0 = all in the same tick. |
stagger |
number |
0 |
Slots
Default slot