# j-PriceRange

> Le composant stocke la valeur en ligne 200-500, explication: de-à.

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

__Attributs__ :
- `data-min="0"` : valeur minimale (defaut `0`)
- `data-max="0"` : valeur maximale (defaut `10000`)
- `data-step="100"` étape (defaut `100`)
- `data-currency="$ {0}"` Formats actuels (defaut) `{0} €`)

Le composant stocke la valeur en tant que filet `200-500`, explication: `from-to`.

Utilisez-le avec `<ui-component name="pricerange">`. 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
<div style="width:600px">
	<ui-component name="pricerange" path="filter.price" data-min="0" data-step="100" data-max="1000"></ui-component>
</div>

<script>
	var filter = { price: '200-800' };
</script>
```