Реагируйте значки для вашего профиля и проектов.
Найдите полный список из более чем 1400 значков в значках.md
pnpm add react-simple-badgesnpm i react-simple-badgesyarn add react-simple-badgesbun add react-simple-badgesКомпонент, который отдает изображение значка из shields.io с использованием списка значков simpleicons.org. Каждые 24 часа действие GitHub проводится для проверки новых значков. Если их новая, новая версия модуля NPM выпускается с ней. Этот модуль предназначен для использования в качестве компонента сервера React. Использование нового асинхронного компонента. Это означает, что он может импортировать список больших значков, чтобы получить нужный цвет фона, но без увеличения времени загрузки страницы конечных пользователей. Но это означает, что вам нужна структура, которая поддерживает компоненты сервера и реагирует 18.2.0 или более поздней версии.
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" />
</ >
)
}Пример проекта на stackblitz.com
<Badge /><Badge name="" /> требуется: строкаНазвание значка, которое вы пытаетесь использовать, например. "Instagram"
<Badge label="" /> Необязательно: строкаПользовательская строка, чтобы заменить слово на значке, например. "Insta"
<Badge logoColor="" /> Необязательно: строка: шестнадцатеричный цветЗаменяет цвет логотипа, который по умолчанию на белый, например. "#ffb900"
<Badge backgroundColor="" /> Необязательно: строка: шестнадцатеричный цветЗаменяет цвет фона значка, например. "#00e1ff"