simphonis-input-interval v0.0.31
Simphonis Input Interval
Cette librairie met à disposition un input de type interval pour Angular. Il permet de gérer deux types d'intervale :
- Intervale avec un min, un max et un step pour l'incrément;
- Intervale avec un tableau de valeurs.
Installation
Pour installer ce composant, il suffit de lancer npm install simphonis-input-interval --save
.
Intégration
Afin de l'intégrer, ajoutez l'importation dans le module du composant où vous souhaitez l'intégrer, puis insérez dans le html le composant <simphonis-input-interval></simphonis-input-interval>
.
Les props à passer au composant sont : | Nom | Type | Description | Défaut | | --- | --- | --- | --- | | min | number | Valeur minimum de l'intervale | 0 | | max | number | Valeur maximum de l'intervale | 0 | | isRangeStepValues | boolean | Si les étapes de l'interval sont un tableau de valeurs | false | | step | number | Etape de saut de valeur (si isRangeStepValues est false) | 1 | | stepValues | number[] | Tableau de valeurs (nombres) pour l'intervale (si isRangeStepValues est true) | [] | | primaryColor | string | Couleur principale | '#000000' | | secondaryColor | string | Couleur secondaire | '#FFFFFF' | | onIntervalChange | function | Le callback appelé lorsque un des curseurs de l'intervale est modifié | |
L'objet retourné lors de l'appel au callback est le suivant :
{
min: number,
max: number
}
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago