# Motion

Speed, distance, direction and duration for animated elements.

Section: foundations
Docs: https://nebula.kaluza.com/foundations/motion

---

## Overview
Motion describes how elements move across a canvas, including the **speed**, **distance**, **direction** and **duration**.
Micro-interactions such as buttons and dropdowns will favour quicker motion, where as slide in menus and modals will be more
suited to a slower interaction.

## Transitions

_Theme tokens for this component are configurable via `createTheme`. See the theme guide: https://nebula.kaluza.com/guides/theme_