鐵人檔案
Material UI 的應用，由於工作的關係有接觸到使用該套件，發現中文文章的資源很少，來來回回在stackOverflow穿梭各個版本還有套件相容的問題，也想順便紀錄一下自己對這個Framework的認知，也希望能幫助大家快速理解這個Framework的應用。
Date / Time pickers 可以透過官方文件知道有兩種做法，一種是利用原生 input type = "date", "...
今天要講解的是 Select 組件，官網文件連結在這裡。 Select 其實跟原生 html 裡的 select tag 一樣，只不過換了皮膚，以下是預設的設定...
Slider 滑塊組件通常用來跳整音量，螢幕亮度的時候使用，這裡值得變更不能以 const [sliderVal, setSliderVal] = React....
Tabs 選項卡 這個組件可以提供比較好的使用者體驗，在他切換瀏覽頁面時也有比較好的動態效果。下面試官網文件的範例: // 子層切換的組件 function T...
Stepper Stepper 通過編號的步驟傳達進度，它提供了類似嚮導的工作流程。他除了有前面提到的 Tabs 的屬性外還有提供紀錄進度的功能，可以通過將當前...
Menu 這個套件應用的範圍很廣，之前講解過的 Select 也是用這裡的 MenuItem 來替換原本的 option，官方文件 Simple Menu 預設...
App Bar 和 bootstrap 的 .navbar 做的是一樣的，當然也可以透過其他方式寫，官方文件中會應用到 toolbar 的組件，在預設的情況就只...
Drawer 這個組件其實就是我們常用的 sidebar，繼前一天的章節結合，就可以完成一個完整的應用欄，它們可以直接顯示在頁面上，也可以由 navbar Me...
在這邊我會一起講解這一 part 裡面的組件，由於 App Bar 的部分之前已先講解這邊就不再提及。 Paper 這個組件很常出現在前面的範例當中，其實跟他的...
今天會對 Feedback 的部分做講解，因為都比較簡單的應用就會一起講。 Progress 進度指示器，表示未指定的等待時間或顯示進程的長度，動畫使用 CSS...
