腐蝕組件：qwik 的新元件庫

為什麼選擇腐蝕性部件

身為一個對效能充滿熱情的 Web 開發人員，我想要一組能夠充分利用 Qwik 的可恢復特性的元件。這就是為什麼我創建了 腐蝕性元件，這是一個專為 Qwik 量身定制的函式庫，使建立高效能和互動式 UI 變得輕而易舉，功能齊全、易於使用且獨立於任何其他套件。

腐蝕性成分如何

透過 NPM 或 Bun 安裝

您可以使用npm或bun安裝Crossive Components庫。在專案目錄中執行以下命令：

npm 安裝交叉組件

bun 安裝交叉組件

將 useStyles(DefaultStyle) 和 useStyles(DefaultResources) 或 useStyles(DefaultDarkResources) 新增至根佈局元素以套用樣式。

import {
  DefaultResources, // or(DefaultDarkResources)
  DefaultStyle,
} from 'corrosive-components'

export default component$(() => {
  useStyles$(DefaultResources) // or(useStyles$(DefaultDarkResources))
  useStyles$(DefaultStyle)

  return (
    // content
  )
})

查看安裝指南以了解更多

直接複製組件原始碼

如果您不想安裝該軟體包，您可以直接複製各個元件及其樣式的原始碼並在您的專案中使用它們。

請注意，您仍然需要將 DefaultResources 或 DefaultDarkResources 新增至根佈局元素。
造型概覽

腐蝕組件中的樣式由兩個部分組成，包含變數的資源和包含常規樣式的樣式。

預設樣式是DefaultStyle，資源是DefaultResources和DefaultDarkResources，它們是編譯內聯CSS檔案。

查看造型指南以了解更多

誰是腐蝕性成分

本文由腐蝕性組件的開發者和維護者 Mahdi Movahedian Atar 撰寫。

以上是腐蝕組件：qwik 的新元件庫的詳細內容。更多資訊請關注PHP中文網其他相關文章！