# j-Cl

> Le composant analyse les données en ligne définies dans l'élément du composant. Les données sont analysées au format de liste de codes.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: fr
Content-SHA256: c726025f6cea77c8e90a0fef5f9838dc4d1e3c9197e8dcd1e24c54b9df041ac9
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Le composant analyse les données en ligne définies dans l'élément du composant. Les données sont analysées au format de liste de codes.

- Format de la source de données : `id1|name1|icon1,id2|name2|icon2,id3|name3|icon3`
- Analysé en : `[{ id, name, icon }]`

__Exemple__ :

```html
<ui-component name="cl" path="#mycodelist" value="SK|Slovakia,CZ|Czechia,DE|Germany,FR|France"></ui-component>
```

Utilisez-le avec `<ui-component name="cl">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

```html example.html
<ui-component name="cl" path="#mycodelist" value="SK|Slovakia,CZ|Czechia,DE|Germany,FR|France"></ui-component>

<ui-bind path="#mycodelist" config="html pre:JSON.stringify(value, null, '  ')" class="block">
	<pre></pre>
</ui-bind>
```