Rubriques tendance
#
Bonk Eco continues to show strength amid $USELESS rally
#
Pump.fun to raise $1B token sale, traders speculating on airdrop
#
Boop.Fun leading the way with a new launchpad on Solana.
Nouveaux composants. Cette fois, ce sont les choses ennuyeuses. Les choses que nous reconstruisons encore et encore. Transformées en composants.
Groupe de boutons, Champ, Groupe d'entrées, États vides, Élément.
Ils s'assemblent magnifiquement et gèrent les modèles communs que nous utilisons chaque jour.
Jetons un œil ⬇️

Commençons par le groupe de boutons. Très demandé.
Parfait pour les groupes d'actions, les boutons divisés, et plus encore. Fonctionne horizontalement, verticalement, et vous pouvez même les imbriquer.

Le groupe d'entrée vous permet d'ajouter des icônes, des boutons, du texte, vous savez, tous ces petits éléments dont vous avez toujours besoin autour de vos entrées.
Prend en charge les alignements en ligne et en bloc. Fonctionne avec les champs de saisie et les zones de texte.

Présentation de Field, un composant pour créer des formulaires vraiment complexes.
Il m'a fallu beaucoup de temps pour le faire fonctionner, mais j'ai réussi à l'intégrer avec toutes vos bibliothèques de formulaires : Server Actions, React Hook Form, TanStack Form…
Et cela rend super facile la création de cases à cocher et de boutons radio stylés.

États vides. Un titre, une description et des boutons. Vous pouvez l'utiliser avec des avatars et des groupes de saisie.

Élément et groupe d'éléments. Celui-ci est un conteneur flexible qui peut contenir presque tout type de contenu.
Simple mais je l'ai construit tant de fois que j'ai décidé de créer un composant pour cela.
Vous pouvez les regrouper, les transformer en liens et ajouter des en-têtes et des pieds de page.

C'est tout. Voici le lien GitHub. Consultez le changelog sur le site pour des exemples (il y en a beaucoup) et la documentation.
La plupart des composants ont été conçus pour fonctionner avec n'importe quelle bibliothèque de composants. Vous pouvez facilement modifier une ligne ou deux et les faire fonctionner avec @base_ui ou React Aria.
249,1K
Meilleurs
Classement
Favoris