# AnimationMode

> _Since v0.2.7_

Animation behavior mode.
- `true` or `'on'`: Animations always enabled
- `false` or `'off'`: Animations always disabled
- `'reduced-motion'`: Respects `prefers-reduced-motion` media query (default)

```ts
type AnimationMode = boolean | "on" | "off" | "reduced-motion"
```

#### Example

```typescript
// Force animations on (ignore system preference)
grid.gridConfig = { animation: { mode: 'on' } };

// Disable all animations
grid.gridConfig = { animation: { mode: false } };

// Respect user's accessibility settings (default)
grid.gridConfig = { animation: { mode: 'reduced-motion' } };
```

## See Also

- [`AnimationConfig`](/grid/api/core/interfaces/animationconfig.md) for full animation configuration