Arrière-plans

Honeycomb lattice

Un 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.

Sensor mesh

212 hex cells reporting across the apiary

A cell lights for the hour after its sensor checks in.

flat orientation34px radius6 live

Utiliser Honeycomb lattice

Un 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.

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: radius, gap, orientation, litCells, 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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

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.

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.

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.

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.

1702Graph paper gridArrière-plansUne 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.

2222Scrolling tile latticeArrière-plansUn réseau sans fin qui défile dans une direction, remplissant les cellules sous le pointeur et les laissant disparaître derrière lui.