到今天最大的困難，好像變成了想主題要寫什麼。
來介紹一下做出一個元件後，基本上可以衍伸的思考可能會有的狀態有幾個：
Default - 基本狀態，在什麼事情都不做時會有的狀態。
Hover - 滑鼠移動到元件上時，會出現的狀態。
Focus - 對這個狀態做出反應時，會出現的狀態。
Active - 這個狀態啟動時會出現的狀態。
Loading - 讀取中狀態。
Disable - 不能使用的狀態。
Error - 錯誤狀態。
Success - 成功狀態。
基本上常出現的狀態，會對應到的狀態會有這些。如果搭配variant的話，就可以使用完整的命名，來作為分類依據。
如果是其他使用軟體，則可以使用簡寫來達成第一眼也能快速反應，像是取第一個字母，或是前三個字母等方式作為簡易的標示。此作法可以方便在顯示寬度較為不足的狀況中，盡量的起到辨識的作用。
iThome鐵人賽
看影片追技術