---
title: "Special properties | LemonadeJS v1"
description: "LemonadeJS v1 archive. The LemonadeJS special properties are used to help in create actions between the view and the controllers."
source: https://lemonadejs.com/docs/v1/properties/
---
Special properties
==================
LemonadeJS brings only three special properties: `@ref`, `@bind` and `@ready`. Those properties starts with @ and will be used in the template during the binding of the `self` to the template. Those methods would help to create great components with the minimum code possible.
Quick reference to a DOM element with @ref
------------------------------------------
The `@ref` will create a property in the self and reference it to a existing real DOM element. That can be used to perform arbitraries read-write operation in the DOM element at any time. The following example will create a JavaScript calendar input from a simple input when the user triggers the button.
```html
```
### Example
Tracking changes in an element with @bind
-----------------------------------------
The `@bind` will bind the value of the HTML element into the self and create a change listener to keep synchronization between the element value and the defined self property. That is the most straight forward to achieve two-way binding using Lemonadejs.
```html
```
### Example
Callback a method when the element is appended to the DOM with @ready
---------------------------------------------------------------------
The `@ready` will call the defined method as soon as the element is ready and appended into the DOM. The following example creates an instance of the Jsuites color picker.
```html
```
### Example
In previous examples, we have used `lemonade.template, lemonade.render and lemonade.blender`. In the next section we will see all methods available that will help you to adapt lemonadejs your needs.
Next section: [lemonadejs methods](/docs/v1/methods/)