React badges pour votre profil et vos projets.
Trouvez une liste complète de plus de 1400 badges en badges.md
pnpm add react-simple-badgesnpm i react-simple-badgesyarn add react-simple-badgesbun add react-simple-badgesUn composant qui rend l'image d'un badge de shields.io à l'aide de la liste des icônes Simpleicons.org. Toutes les 24 heures, une action GitHub est exécutée pour vérifier les nouvelles icônes. Si c'est une nouvelle version de module NPM, une nouvelle version de module NPM est publiée. Ce module est destiné à être utilisé comme composant React Server. Utilisation du nouveau composant asynchrone. Cela signifie qu'il peut importer la liste des grandes icônes pour obtenir la couleur d'arrière-plan dont vous avez besoin, mais sans augmenter le temps de chargement de la page des utilisateurs finaux. Mais cela signifie que vous avez besoin d'un framework qui prend en charge les composants du serveur et réagit 18.2.0 ou version ultérieure.
import { Badge } from "react-simple-badges"
export default async function HomePage ( ) {
return (
< >
< Badge name = "Node.js" style = { { width : 200 } } logoColor = "#eb4034" />
< Badge name = "YouTube Gaming" label = "Youtube" />
< Badge name = "Valve" label = "Value Please fix" style = { { padding : 10 } } />
< Badge name = "Tesla" backgroundColor = "#32a853" />
</ >
)
}Exemple de projet sur stackblitz.com
<Badge /><Badge name="" /> requis: chaîneLe nom de l'insigne que vous essayez d'utiliser par exemple. "Instagram"
<Badge label="" /> Facultatif: chaîneUne chaîne personnalisée pour remplacer le mot sur l'insigne, par exemple. "Insta"
<Badge logoColor="" /> Facultatif: chaîne: couleur hexagonaleRemplace la couleur du logo qui par défaut en par défaut, par exemple. "# FFB900"
<Badge backgroundColor="" /> Facultatif: String: Couleur hexagonaleRemplace la couleur de l'arrière-plan de l'insigne, par exemple. "# 00e1ff"