新組件。這次是無聊的東西。我們一次又一次重建的東西。製作成組件。 按鈕組、欄位、輸入組、空狀態、項目。 它們組合得很美,並處理我們每天都會用到的常見模式。 讓我們來看看 ⬇️
讓我們從按鈕組開始。這是非常受歡迎的。 非常適合行動組、分割按鈕等。可以水平、垂直使用,甚至可以嵌套。
Input Group 讓你可以添加圖示、按鈕、文字,你知道的,所有那些你在輸入時總是需要的小東西。 支援內聯和區塊對齊。可與輸入框和文本區域一起使用。
介紹 Field,一個用於構建非常複雜表單的組件。 我花了很長時間才弄明白,但我讓它與所有的表單庫一起工作:Server Actions、React Hook Form、TanStack Form…… 而且它使構建樣式化的複選框和單選框變得非常簡單。
空狀態。標題、描述和按鈕。您可以將其與頭像和輸入組合使用。
項目和項目組。這是一個靈活的容器,可以容納幾乎任何類型的內容。 雖然簡單,但我已經構建了這麼多次,所以我決定為它創建一個組件。 你可以將它們分組,將它們轉換為鏈接,並添加標題和頁腳。
就這樣。這是 GitHub 連結。請查看網站上的變更日誌以獲取示例(有很多示例)和文檔。
大多數組件已經構建為可以與任何組件庫一起使用。您可以輕鬆編輯一兩行,使其與 @base_ui 或 React Aria 一起工作。
411.07K