鐵人檔案
大家耳熟能詳的前端函式庫(Library)， 大部分都是 Bootstrap 和 Tailwind CSS 吧？那大家有聽過 Ant Design 嗎？
我已經使用它開發將近一年的時間了，個人認為使用它來製作後台系統是很方便的助手，它擁有豐富的表單功能與簡單的React元件、樣式的客製化也很容易上手、甚至官方的 API 文件都提供中文，對於前端新手來說，相對超好入門！
如果有興趣的話，可以訂閱我的鐵人賽文章，觀看我累積的小小使用經驗唷！
嗨大家好，我在最後一刻開賽了！因為我近期轉往純前端的職務，大家都知道在開發網頁的過程中，一定需要顧慮到美觀、使用者介面、速度和程式碼的簡潔與複用性等，讓網頁組成...
一、簡短介紹 Ant Design 在開始分享實作例子前，我想先稍微介紹一下 Ant Design (後續會簡稱它為 ANTD)。 ANTD 因為是中國的網際網...
一、Ant Design 的 格線系統 就像 Tailwind CSS 裡的 Grid Row Start / End 和 Bootstrap 的 Flex 一...
因為不論前後台都幾乎會使用到表單，所以我想從最簡單與好入門的勾選框來開始介紹，後續也會分享像是 input, textarea, select 和 datePi...
表單裡最重要的靈活人物，當然非 input 莫屬啦！關於「輸入框」我預計會使用兩篇左右的篇幅來介紹，常見的輸入框種類都會列出來說明。 一、輸入框(Input)...
看到標題可能會覺得很無聊，下拉選單不就是 select 配上 options 而已嗎？錯！你還可以對它有更多期待。不論是在表單或其他頁面呈現上，現在網頁上的需求...
說到提示框，大家一定會想到鼎鼎有名的 SweetAlert2 ，但如果你正在使用 ANTD 的話，不妨給它們原生的 component 一個機會。這篇會介紹幾種...
網頁開發上常見的輸入欄真的很多類型，最基本的文字輸入框，其實也可以藉由 type 這個屬性，在一般的 html 頁面就能呈現對應的效果(如下表簡單列出幾種)，今...
不論前後台網頁，麵包屑導覽列 (Breadcrumb) 都是很常用到的元件之一，尤其當你的網頁層級或內頁較多時，一定要設置以輔助使用者快速連結到上層頁面或首頁。...
上傳鈕比較常見於表單提交的使用範圍內，雖然大家都熟知在 html 裡可以使用 input tag 搭配 type=files 和 accept="im...
