iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 30
1
自我挑戰組

30 天來點 Design System系列 第 30

Day 30 建立 Dashboard 與部屬 storybook

  • 分享至 

  • xImage
  •  

完成後來試著用這些組建建立一個基本的 Dashbord

看起來還有很多要調整的地方...

在使用上 styled-jss 時有發現一些順序上的限制以及使用上的限制,例如

  1. 使用 function 的屬性優先順序會大於 value.
  2. 最底層的style優先順序最高
  3. 如果有要加 media query 或是指定 hover 的寫法時,不能用下面方式
const DOM = styled('div')(({ theme }) => ({
    ...
}))

發布 storybook

打包靜態檔案

yarn build-storybook -o ./storybookBuild

路徑可以看要放在哪裡

這邊先放在 github page

  1. 建立一個沒有節點的 branch
git checkout --orphan gh-pages
  1. 只留下 storybookBuild 的內容,把內容移到 root
  2. commit 到 gh-pages

內容文件如下~ 第一版請見諒呵呵

http://blog.teraui.com/teraui-v0/


上一篇
Day 29 部署 package
系列文
30 天來點 Design System30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言