Content in each cell goes here!
126 |Content in each cell goes here!
133 |
5 | 13 | 6 configirable properties 14 |
24 | Count of the component is emitted to the parent copmponent using a custom event get-count 25 |
26 |65 | 7 configirable properties 66 |
104 | Just 1 configirable property 105 |
109 | {
110 | xs: 2,
111 | sm: 2,
112 | md: 3,
113 | lg: 4
114 | }
115 |
116 | , but can also take a number instead of an object.
117 | 126 | Product Name can go here! 127 |
128 |130 | Product Description can go here! 131 |
132 |140 | Product Name can go here! 141 |
142 |144 | Product Description can go here! 145 |
146 |154 | Product Name 155 |
156 |158 | Product Description 159 |
160 |169 | 4 configirable property 170 |
180 | In a real world use case, some sort of an action will invoke the global error or warning.
181 | For this demo, the button click will invoke the alert!
182 |
188 | Persistance of the error message signifies the time for which the alert will be shown and then it will disappear!
189 | The time is expected in seconds! The component will convert it to milli-seconds.
190 |
196 | In real world scenarios, a filed level error can be shown when client-side validations are done! 197 |
198 | 199 |203 | In real world scenarios, a filed level warning can be shown when client-side validations are done. Warnings are usually shown and then disappear after a certain time duration. 204 |
205 | 206 |213 | 6 configirable properties 214 |
240 | 4 configurable properties 241 |
249 | Selected value of the variance component is emitted to the parent copmponent using a custom event get-selected-variant 250 |
251 |262 | Use-case when you have a product sold in bulk, like print paper or visiting cards! 263 |
264 |285 | 4 configirable properties 286 |