Arrière-plans

Graph paper grid

Une grille répétitive de lignes capillaires qui recouvrent son conteneur, s'estompant vers les bords, avec un petit groupe de cellules qui s'allument en une couleur d'accent et s'écoulent à nouveau.

Utiliser Graph paper grid

Une grille répétitive de lignes capillaires qui recouvrent son conteneur, s'estompant vers les bords, avec un petit groupe de cellules qui s'allument en une couleur d'accent et s'écoulent à nouveau.

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: cellSize, lineOpacity, dashed, highlightCount, accentColor

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

Blinking grid pattern

1668Blinking grid patternArrière-plansUne grille carrée fine où les cellules dispersées disparaissent de haut en bas, chacune passant à une nouvelle cellule à la fin de son clignotement.

Diagonal Hatch Field

1683Diagonal Hatch FieldArrière-plansUn champ répétitif de lignes de cheveux diagonales parallèles qui s'étendent de manière transparente sur un conteneur et peuvent s'incliner dans les deux sens.

Halftone ripple field

1978Halftone ripple fieldArrière-plansUn champ de minuscules tuiles qui s'allument et s'éteignent avec un motif de bruit dérivé, et chaque clic envoie un anneau de tuiles allumées vers l'extérieur.

Hex cell grid

1706Hex cell gridArrière-plansUn nid d'abeilles de cellules hexagonales coupées qui s'allument sous le pointeur et se refroidissent, laissant une traînée qui s'estompe.

Honeycomb lattice

1708Honeycomb latticeArrière-plansUn nid d'abeilles composé d'hexagones délimités recouvrant un conteneur, avec des bords partagés dessinés une seule fois afin que chaque couture reste une seule ligne de cheveux.

Pulsing Dot Field

1737Pulsing Dot FieldArrière-plansUn réseau carrelé de minuscules points qui remplit son récipient, chacun respirant plus lumineux et plus sombre selon son propre cycle indépendant.