Lines Matching refs:stepper

1 # \<stepper> Development
3 …stepper>** component to navigate your users through the whole process. For details, see [stepper](…
6 ## Creating a \<stepper> Component
8 Create a **\<stepper>** component in the .hml file under **pages/index**.
13  <stepper>    
14    <stepper-item>     
16    </stepper-item> 
17    <stepper-item>     
19    </stepper-item> 
20  </stepper> 
51  <stepper index="2">    
52    <stepper-item>     
53      <text>stepper-item1</text>
54    </stepper-item> 
55    <stepper-item>     
56      <text>stepper-item2</text>
57    </stepper-item> 
58    <stepper-item>     
59      <text>stepper-item3</text>
60    </stepper-item> 
61   </stepper> 
82 Set the **label** attribute to customize the label for the **\<stepper-item>**.
87  <stepper index="1">    
88    <stepper-item label="{{label_1}}">     
89      <text>stepper-item1</text>
90    </stepper-item> 
91    <stepper-item label="{{label_2}}">     
92      <text>stepper-item2</text>
93    </stepper-item> 
94    <stepper-item label="{{label_3}}">     
95      <text>stepper-item3</text>
96    </stepper-item>
97    <stepper-item>     
98      <text>stepper-item4</text>
99    </stepper-item> 
100  </stepper> 
146 By default, the **\<stepper>** component fills entire space of its container. The sample code below…
151     <stepper class="stepperClass">    
152       <stepper-item>     
153         <text>stepper-item1</text>
154       </stepper-item> 
155     </stepper> 
190 The **\<stepper>** component supports the **finish**, **change**, **next**, **back**, and **skip** …
200 …<stepper onfinish="stepperFinish" onchange="stepperChange" onnext="stepperNext" onback="stepperBac…
201       <stepper-item>
202         <text>stepper-item1</text>
204       </stepper-item>
205       <stepper-item>
206          <text>stepper-item2</text>
208       </stepper-item>
209       <stepper-item>
210         <text>stepper-item3</text>
211       </stepper-item>
212     </stepper>
226 stepper-item{
295 Use a **\<stepper>** component to navigate through the steps. Create a [\<toggle>](../reference/api…
300   <stepper id="mystep" index="0" onfinish="back" style="text-color: indigo;">
301     <stepper-item label="{{label1}}">
311     </stepper-item>
312     <stepper-item label="{{label2}}">
334     </stepper-item>
335   </stepper>