react simple badges下載 - react simple badges源代碼下載

react simple badges

三方組件

1.0.0

下載

反應簡單的badges

對您的個人資料和項目的反應徽章。

找到徽章中1400多個徽章的完整列表。

安裝

pnpm add react-simple-badges

npm i react-simple-badges

yarn add react-simple-badges

bun add react-simple-badges

這個組件是什麼？

使用SimpleIcons.org圖標列表呈現Shields.io的徽章圖像的組件。每24小時，GITHUB操作都會進行檢查以查看新圖標。如果它們是新的，則將發布新的NPM模塊版本。該模塊旨在用作React Server組件。使用新的異步組件。這意味著它可以導入大圖標列表以獲取所需的背景顏色，但不會增加最終用戶頁面加載時間。但這確實意味著您需要一個支持服務器組件並進行反應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" />
    </ >
  )
}