Reference

MoveFocusDirective

Plays while the element has keyboard focus and reverses when focus leaves.

Overview

Plays while the element has keyboard focus and reverses when focus leaves.

Stable API — covered by semantic-versioning guarantees.

Kind: Directive
Stability: stable

Selector

[moveWhileFocus]

Inputs

Input	Type	Default	Required	Description
`moveWhileFocus`	`MovePreset \| MoveKeyframes`		Yes
`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`
`moveReverseDuration`	`unknown`	`undefined`		Transform `optionalTimeAttribute('moveReverseDuration')`; reads as `number \| undefined`.
`moveReverseEasing`	`string \| undefined`	`undefined`

Public methods

playLeave

playLeave(): void

Called by MovePresenceParent once a *movePresence exit begins on this element. Focus has no leave animation of its own to run — it just cancels whatever it's mid-flight and gets out of the way so the real leave animation doesn't race it.

onFocus

onFocus(): void

onBlur

onBlur(): void