Value cycle as prop

Atomico has a really efficient and simple type validation method, the type validation works in the following way:

Cycle as attribute:

the given value is transformed to the corresponding type, be it String, Number, Boolean, Array or Object, once transformed it is sent to the cycle as property.

Cycle as property:

evaluates if the value is of the declared type:

  • If it corresponds to the type:

    1. It is saved in props.

    2. An event is emitted (if this has been configured in the prop).

    3. It is reflected as an attribute (if this has been configured in the prop).

    4. It is sent to the update queue and subsequent rendering.

  • It does not correspond to the type: an error is created by console with the following data:

    • target: Instance of the webcomponent.

    • value: Input value.

    • type: expected type.

Last updated