鐵人檔案
用了一堆有的沒的 Design System, 有得概念ＯＫ，有的用的氣噗噗。
不如就做一個屬於自己的吧！
自己做的菜最好吃，難吃也是自己難吃
以 React 為基礎建置
我們先建立好 storybook 來放置我們設計好的組件，可以參考 story book。 Install 到專案目錄下執行： npx -p @storybo...
建立好 Storybook 後除了加入組件外，還有設置文件以及樣式的需求，這個章節會跟大家說如何建立文件以及將你的storybook 調整成符合你目前設計的樣子...
接下來我們要開始建立我們的格線系統，首先我們以 24 格為目標～ Row import styled from 'styled-jss'; import pr...
Icon 的部分我們使用 font-awesome Install Font-awesome yarn add @fortawesome/fontawesome...
包含： Container NavBar Menu Content BrandNav Container 最基本的外框容器： import React fr...
今天要來建立資訊卡片，基本上我們分成下面幾個： Card CardHeader CardBody CardFooter Card import React...
Table 的部分包含，主要還是參考 Material UI 的做法。 Table TableHead TableBody TableFoot TableRo...
建立分頁選單 主要參數有： current : 當前頁數（從1開始） total: 資料總比數 size: 每頁最高筆數 onPageChane: 頁數改變事...
建立彈出視窗 import React, { Fragment } from 'react'; import propTypes from 'prop-type...
建立文字級距與提示彈窗 Typography import React from 'react'; import styled from 'styled-jss...
