> ## Documentation Index
> Fetch the complete documentation index at: https://platform.docs.zenoo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Components

> Built-in components

### Built in components

#### Using components in YAML page configuration

Each component must have an "as" parameter that specifies the component element name. You can use the provided component name, or the standard HTML DOM element.

Each component has also `$reference` property, which can create a named reference to DOM element. This reference is accessible through a `$reference` object inside `appDataContext`.

**Examples of `$reference`**:

```yaml theme={null}
# Referenceable div
!component as: div
$reference: myDiv

# Some component that uses this reference
property: !expression #reference.myDiv
```

#### UI components

List of UI components can be viewed in Zenoo Storybook.