Lines Matching refs:button
1 # button chapter
7 The **\<button>** component includes capsule, circle, text, arc, and download buttons.
21 …button is displayed. Unlike the capsule button, the capsule-like button allows its corners to be c…
22 | value | string | - | No | Text value of the button. …
23 | icon | string | - | No | Path of the button icon. The supported icon for…
24 …button icon in text. This attribute is valid only when **type** is not set. Available values are a…
37 | text-color | <color> | \#007dff | No | Text color of the button. …
38 | font-size | <length> | 16px | No | Font size of the button. …
40 | font-style | string | normal | No | Font style of the button. …
41 | font-weight | number \| string | normal | No | Font weight of the button. For details,…
43 … | No | Width of the internal icon of a circle button. The entire circle button is fi…
44 … | No | Height of the internal icon of a circle button. The entire circle button is fi…
45 …t; | - | No | Corner radius of the button. For a circle button, this s…
54 | text-color | <color> | \#de0000 | No | Text color of the arc button. …
55 | font-size | <length> | 37.5px | No | Font size of the arc button. …
57 | font-style | string | normal | No | Font style of the arc button. …
58 | font-weight | number \| string | normal | No | Font weight of the arc button. For details, …
71 When the button type is **download**, the following methods are supported.
75 | setProgress | { progress:percent } | Progress bar of the download button. The value ranges from 0…
81 <div class="div-button">
82 <button class="first" type="capsule" value="Capsule button"></button>
83 <button class="button circle" type="circle" icon="common/ic_add_default.png"></button>
84 <button class="button text" type="text">Text button</button>
85 <button class="button download" type="download" id="download-btn"
86 onclick="progress">{{downloadText}}</button>
87 <button class="last" type="capsule" waiting="true">Loading</button>
93 .div-button {
101 .button {
111 .button:waiting {