Dodge Field

Playful field whose child darts away from the pointer, glides back home when you leave, and finally gives in after a few dodges.

Default

Move the pointer toward the pill. After a few dodges it gives in and lets you click it. Nothing dodges on touch devices.

Ink

Contrast

Field Height240px

Reach72px

Radius120px

Falloff2

Flee130ms

Return620ms

Return Bounce0.1

Patience4

Axis

Wall

Disabled

Prop	Type	Default	Description
`taunts`	`string[]`	`['Catch me', 'Nope', 'Too slow', 'Almost', 'Okay, okay']`	Labels for the built-in pill: the first at rest, then one per dodge, the last once it relents.
`notice`	`string`	`''`	One line shown under the child on touch devices, where nothing dodges.
`inkColor`	`string`	`'#f5f5f5'`	The pill tint and text, the caught fill and the focus ring all derive from it.
`contrastColor`	`string`	`'#18181b'`	Text colour while the pill is caught.
`fieldHeight`	`number`	`240`	Height of the invisible field in pixels. Its width is the container.
`reach`	`number`	`72`	How far it bolts, in pixels, with the pointer on its home.
`radius`	`number`	`120`	Distance from home at which it starts to react, in pixels.
`falloff`	`number`	`2`	Exponent of the reaction curve. 1 drifts away from far off, 4 only flinches at the last moment.
`fleeDuration`	`number`	`130`	Settle time of the dart, in milliseconds.
`returnDuration`	`number`	`620`	Settle time of the glide home, in milliseconds.
`returnBounce`	`number`	`0.1`	Overshoot on the way home. 0.1 is a hair, 0.3 a visible wobble.
`axis`	`'both' \| 'x' \| 'y'`	`'both'`	Which way it may flee.
`wall`	`'clamp' \| 'bounce'`	`'clamp'`	At the edge of the field: stop dead, or fold the overflow back so it rebounds.
`patience`	`number`	`4`	Dodges before it gives in and sits still, at least 1. Never wrap a decline or close control in a field that dodges.
`disabled`	`boolean`	`false`	Sits still and stops counting. The child stays clickable.

Event	Description
`dodge`	Emitted on each counted dodge with the running count.
`relent`	Emitted when it gives in.
`catch`	Emitted when the child is clicked.

Slot	Description
`default`	What flees, as a scoped slot receiving dodges, gave, caught and fleeing. Omit it for the built-in pill.

Keyboard shortcuts and ARIA behavior.

The built-in pill is a real button labelled with the first taunt, and the taunt text is hidden from assistive technology. It stays focusable and clickable by keyboard.
Nothing dodges on touch devices, with prefers-reduced-motion or when disabled.
Never wrap a decline or close control in a field that dodges.