用了一堆有的沒的 Design System, 有得概念OK,有的用的氣噗噗。
不如就做一個屬於自己的吧!
自己做的菜最好吃,難吃也是自己難吃
以 React 為基礎建置
建立側邊欄可以展開的 Items MenuItem import React from "react"; import styled fro...
Alert import React, { Fragment } from 'react'; import propTypes from 'prop-types...
Input 的部分包含 label 以及 輸入匡本體 value 輸入值 reqired 是否為必填 disabled 禁止輸入 errorMessage 錯...
會有以下幾種狀態: reqired 是否為必填 disabled 禁止輸入 Checkbox 實作: import React, { Fragment }...
Select import React, { useState, Fragment, useRef } from "react"; impo...
包含: breadcrumbs 麵包屑 steps 步驟 Breadcrumbs 實作 import React, { Fragment } from &q...
實作 import React, { useState } from 'react'; import propTypes from 'prop-types';...
建立 RWD 的判斷斷點 const mediaXS = "@media only screen and (min-width: 360px)&quo...
註冊帳號 首先要註冊 npm 帳號 註冊頁面 註冊完後,登入你的帳號 npm login 成功後會顯示 logged in as {account} on h...
完成後來試著用這些組建建立一個基本的 Dashbord 看起來還有很多要調整的地方... 在使用上 styled-jss 時有發現一些順序上的限制以及使用上的...