## 按鈕 ### 基本類名 `.mui-button` > 用戶按鈕或類按鈕 ### 尺寸 1. 極小 [24px] 類名 `tiny`, 完整類名 `mui-button tiny` ```html <button class="mui-button tiny">按鈕</button> ``` 2. 小 [20px] 類名 `small`, 完整類名 `mui-button small` ```html <button class="mui-button small">按鈕</button> ``` 3. 默認 [34px] 無類名, 完整類名 `mui-button` ```html <button class="mui-button">按鈕</button> ``` 4. 大[44px] 類名`large` 完整類名 `mui-button large` ```html <button class="mui-button large">按鈕</button> ``` 5. 自適應[100%] 類名`fluid` 完整類名 `mui-button fluid` ```html <button class="mui-button fluid">按鈕</button> ``` ### 樣式 1. 大圓角 類名 `pill` 完整類名 `mui-button pill` ```html <button class="mui-button pill">按鈕</button> ``` 2. 系統首選色(橙色) 類名 `primary` 完整類名 `mui-button primary` ```html <button class="mui-button primary">按鈕</button> ``` 3. 禁用 類名`disabled` 或者屬性設置 `disabled` ```html <button class="mui-button" disabled>按鈕</button> <button class="mui-button disabled">按鈕</button> ``` 4. 只讀 類名`readonly` 或者屬性設置 `readonly` ```html <button class="mui-button" readonly>按鈕</button> <button class="mui-button readonly">按鈕</button> ```