# 西瓜 ## PrimaryButton `type: 'gold' | 'green' | 'dark-green'` `size: 'mini' | 'small' | 'middle' | 'large'` ![](https://i.imgur.com/wM7ij1j.png =150x)![](https://i.imgur.com/fDDBFUP.png =200x) ![](https://i.imgur.com/4snpKNp.png) `type: 'gold' | 'blue' | 'purple'` `size: 'mini' | 'small' | 'middle' | 'large'` ![](https://i.imgur.com/Gu67tTk.png =500x) ## TextButton #### color=XXX fontSize=xxx ![](https://i.imgur.com/ChJb6fN.png =100x) ## ImageButton ![](https://i.imgur.com/QymyvVR.png =50x)![](https://i.imgur.com/7pSk6y3.png =50x) ![](https://i.imgur.com/3nBGjeo.png =100x) ## Concave #### activeType=border-gold isActive=true icon= ![](https://i.imgur.com/crjNu6s.png =400x) ![](https://i.imgur.com/J7zb32v.png =600x) #### activeType=filld-gold ![](https://i.imgur.com/YneyxwR.png =400x) ![](https://i.imgur.com/0811l4n.png =400x) ## Copy ![](https://i.imgur.com/CUwl4QL.png =100x) #### type=convex color=XXX ![](https://i.imgur.com/BSpezCN.png =150x) <br /> ## Input ### type=concave shape=rounded/square focusType=gold ![](https://i.imgur.com/MPZpVOu.png) ![](https://i.imgur.com/bUZjOSC.png) ![](https://i.imgur.com/tSpYHis.png) <br /> ## Menu ### type=default hoverType=line/button ![](https://i.imgur.com/ofH52I8.png =200x)![](https://i.imgur.com/yTdLPz6.png =150x) <br /> ## Table ### type=default ![](https://i.imgur.com/wZPeeWw.jpg) <br /> ## List <br /> ## Model ![](https://i.imgur.com/BTBBqgE.jpg =600x) <br /> ## Dialog #### type=warning ![](https://i.imgur.com/siBi4eC.png =500x)