Champs de saisie

Before/After reveal handle

Un séparateur déplaçable sur deux scènes empilées qui révèle l'une à gauche et l'autre à droite, déplacé par le pointeur, un clic pour sauter et les touches fléchées.

BeforeAfter

Utiliser Before/After reveal handle

Un séparateur déplaçable sur deux scènes empilées qui révèle l'une à gauche et l'autre à droite, déplacé par le pointeur, un clic pour sauter et les touches fléchées.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: position, handleColor, leftLabel, rightLabel

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2795Elastic tug sliderChamps de saisieUn curseur qui s'étire comme un élastique lorsqu'on le traîne au-delà de ses extrémités, reprenant la piste avec un rebond une fois relâché.

2766Exposure dial sliderChamps de saisieUn aperçu de la photo avec une lecture d'exposition circulaire dans son coin au-dessus d'une règle de graduations déplaçable qui définit la valeur d'exposition en EV.

2788Vertical brightness sliderChamps de saisieUn grand curseur de pilule qui se remplit de lumière depuis le bas lorsque vous le faites glisser, résiste à chaque extrémité et rebondit lorsqu'il est relâché.

2791Single value sliderChamps de saisieUn curseur horizontal avec un pouce déplaçable qui remplit la piste derrière lui afin que la valeur actuelle soit lisible d'un coup d'œil.

2297Addon Input GroupChamps de saisieUn champ de texte enveloppé dans une coque bordée qui peut porter une icône de début, un bouton ou un texte de fin, et partage un anneau de mise au point dans l'ensemble du groupe.

2108Appointment Range CardChamps de saisieUne carte qui associe une grille de date sur un mois avec un champ d'heure de début et d'heure de fin en dessous, pour choisir un jour plus une fenêtre horaire dans un bloc compact.