# Definitions

**Flow:**

**Page:**&#x20;

**Component:**

**Element:** An element is any DOM element inside the Flow, such as a page, title, subtitle, component, component wrapper, text div or p tag inside a component, link, footer, etc...

**Key:** A Key is the way to identify an element in the flow. Every page,  every component, and every option has a key. The way we name elements is fundamental to have a good understanding of the data. The keys should be short (not more than 5 words) and descriptive. Snake case is a good way of ensuring text comprehension.

For example, good practices for naming these inputs would be `first_name`*,* `last_name` and  `email`

![](https://1421794749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaGcfSakhqdHaWyb0T_%2F-MhQXZUCadIFF17LhdxL%2F-MhQdC1af6HiEJlKJE2v%2Fimage.png?alt=media\&token=6de88103-7713-464c-8976-44b9542dd255)

**Tag:**&#x20;
