熱門話題
#
Bonk 生態迷因幣展現強韌勢頭
#
有消息稱 Pump.fun 計劃 40 億估值發幣,引發市場猜測
#
Solana 新代幣發射平臺 Boop.Fun 風頭正勁
新組件。這次是無聊的東西。我們一次又一次重建的東西。製作成組件。
按鈕組、欄位、輸入組、空狀態、項目。
它們組合得很美,並處理我們每天都會用到的常見模式。
讓我們來看看 ⬇️

讓我們從按鈕組開始。這是非常受歡迎的。
非常適合行動組、分割按鈕等。可以水平、垂直使用,甚至可以嵌套。

Input Group 讓你可以添加圖示、按鈕、文字,你知道的,所有那些你在輸入時總是需要的小東西。
支援內聯和區塊對齊。可與輸入框和文本區域一起使用。

介紹 Field,一個用於構建非常複雜表單的組件。
我花了很長時間才弄明白,但我讓它與所有的表單庫一起工作:Server Actions、React Hook Form、TanStack Form……
而且它使構建樣式化的複選框和單選框變得非常簡單。

空狀態。標題、描述和按鈕。您可以將其與頭像和輸入組合使用。

項目和項目組。這是一個靈活的容器,可以容納幾乎任何類型的內容。
雖然簡單,但我已經構建了這麼多次,所以我決定為它創建一個組件。
你可以將它們分組,將它們轉換為鏈接,並添加標題和頁腳。

就這樣。這是 GitHub 連結。請查看網站上的變更日誌以獲取示例(有很多示例)和文檔。
大多數組件已經構建為可以與任何組件庫一起使用。您可以輕鬆編輯一兩行,使其與 @base_ui 或 React Aria 一起工作。
411.07K
熱門
排行
收藏