weightless下載 - weightless源代碼下載

weightless

三方組件

1.0.0

下載

該項目已達到其發展的終結。隨時瀏覽代碼。

高質量的網絡組件，佔地面積很小
_{非常感謝您對該項目表現出興趣！如果您想幫助我們餵養我們的八角體，那麼您絕對應該成為星際聚集器。這些Web組件被構建為用於使用。它們輕巧，具有簡單的API，並且易於擴展和組成。在這裡查看演示https://weightless.dev/elements。}

高質量：以最佳實踐為中心。
可測試：數百個測試箱確保庫穩定。
易於使用：但是具有簡單易懂的API。
可訪問：所有組件均已構建，並考慮到可訪問性。
單一責任：每個組件做得很好。這使它們非常容易擴展和構圖。

➤內容表

➤演示
➤安裝
➤元素
➤路線圖
➤貢獻指南
➤貢獻者
➤許可證

➤演示

去這裡嘗試演示。

➤安裝

 $ npm i weightless

如果您想快速入門，則可以使用CLI。

 $ npm init web-config new my-project --lit

如果您喜歡使用umd捆綁包，則可以導入https://unpkg.com/weightless/umd/weightless.min.js 。請記住，這將導入所有元素，因此建議您僅將其用於測試目的。

 < script src =" https://unpkg.com/weightless/umd/weightless.min.js " > </ script >

➤元素

姓名	標籤	描述	文件	演示
背景	`wl-backdrop`	深色層用於疊加元素後面。	文件	演示
橫幅	`wl-banner`	顯示無中斷的消息和相關的可選操作。	文件	演示
按鈕	`wl-button`	允許用戶單點採取行動並做出選擇。	文件	演示
卡片	`wl-card`	小組相關的內容和動作。	文件	演示
複選框	`wl-checkbox`	打開或關閉選項。	文件	演示
對話	`wl-dialog`	高度打擾的消息。	文件	演示
分隔線	`wl-divider`	細線將列表和佈局中的內容分組。	文件	演示
擴張	`wl-expansion`	提供可擴展的詳細信息 - 夏季視圖。	文件	演示
圖示	`wl-icon`	常見動作和項目的符號。	文件	演示
標籤	`wl-label`	使表單元素更容易訪問。	文件	演示
列表項目	`wl-list-item`	在列表中顯示項目。	文件	演示
導航	`wl-nav`	提供對應用程序中目的地的訪問權限。	文件	演示
彈出	`wl-popover`	上下文錨定元素	文件	演示
彈出卡	`wl-popover-card`	賦予彈出窗口的能力。	文件	演示
進度欄	`wl-progress-bar`	將酒吧從0％到100％填充。	文件	演示
進度旋轉器	`wl-progress-spinner`	將一個圓圈從0％到100％填充。	文件	演示
收音機	`wl-radio`	從集合中選擇一個選項。	文件	演示
波紋	`wl-ripple`	指示觸摸動作。	文件	演示
選擇	`wl-select`	從一組選項中選擇一個或多個值。	文件	演示
滑桿	`wl-slider`	從一系列值中進行選擇。	文件	演示
Snackbar	`wl-snackbar`	在屏幕底部提供簡短的消息。	文件	演示
轉變	`wl-switch`	打開或關閉選項。	文件	演示
選項卡	`wl-tab`	組織內容組之間的導航。	文件	演示
選項卡組	`wl-tab-group`	組織內容組之間的導航。	文件	演示
文字	`wl-text`	將文本分組為段落。	文件	演示
Textarea	`wl-textarea`	多行文本字段。	文件	演示
Textfield	`wl-textfield`	單線文本字段。	文件	演示
標題	`wl-title`	指示新部分的開始。	文件	演示
工具提示	`wl-tooltip`	信息性上下文相關文本。	文件	演示

➤路線圖

路線圖上有很多令人興奮的事情。在v1.0.0之前，您可以期望API相當穩定，但重構可能仍會發生並破壞向後兼容性。非常歡迎您使用庫，創建拉動請求或添加問題。

➤貢獻指南

歡迎您為這個存儲庫做出貢獻！以下是有關如何設置項目開發項目的一些說明。

通過運行git clone https://github.com/andreasbm/weightless.git來克隆此存儲庫。
運行npm i以安裝所有依賴關係。
使用npm run s旋轉開發服務器。應在正確的URL下自動打開瀏覽器。如果沒有，您可以打開瀏覽器，然後訪問http://localhost:1350 。
使用npm run test 。
用npm run lint將文件提起。
通過運行npm run docs來編譯文檔。

這些元素是用打字稿編寫的，樣式表是用sass編寫的。所有的Web組件都使用LIT元件。

如果您想了解更多有關如何幫助您的信息，則絕對應該查看contruting.md文件。所有貢獻者將添加到下面的貢獻者部分中。