Champs de saisie

Drawn check checkbox

Une case à cocher dont la coche se dessine trait par trait à mesure que la case se remplit d'une couleur d'accent unie.

Notify me by emailWeekly digest of new comments

Click the label or the box, or tab to it and press space.

Utiliser Drawn check checkbox

Une case à cocher dont la coche se dessine trait par trait à mesure que la case se remplit d'une couleur d'accent unie.

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: label, checked, accentColor, drawDuration

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

1932Check draw toggleChamps de saisieUne case à cocher carrée dont la coche se dessine trait par trait lorsqu'elle est cochée, avec une pression douce et une échelle de survol.

2375Labeled checkboxChamps de saisieUne petite case à cocher carrée associée à une étiquette de texte, affichée en clair, avec un texte d'assistance, désactivée et sous forme de carte qui met en évidence sa bordure lorsqu'elle est cochée.

1982Select All ChecklistChamps de saisieUne case à cocher parent qui affiche un tiret lorsque seuls certains de ses éléments enfants sont cochés, et une coche une fois que chaque élément l'est.

2802Settings toggle switchChamps de saisieUn petit interrupteur marche/arrêt en forme de pilule avec un bouton coulissant qui active un seul réglage, sa piste passant d'un accent sourd à un accent solide tandis que le bouton s'étire comme un élastique s'il est enfoncé à mi-glissière.

2433Sliding Thumb SwitchChamps de saisieUn interrupteur marche/arrêt construit à partir d'une case à cocher cachée : une piste de pilule qui se recolore et un pouce rond qui glisse vers le bord opposé.

2782Stacked option checklistChamps de saisieUne liste empilée de cases à cocher étiquetées qui partagent une sélection combinée, avec un décompte continu du nombre d'éléments choisis.