* @returns {Neo.component.Base}
()
| 181 | * @returns {Neo.component.Base} |
| 182 | */ |
| 183 | createExampleComponent() { |
| 184 | return Neo.create({ |
| 185 | module : Button, |
| 186 | badgeText: 'Badge', |
| 187 | flex : 'none', |
| 188 | handler : data => console.log('button click =>', data.component.id), |
| 189 | height : 50, |
| 190 | iconCls : 'fa fa-home', |
| 191 | style : {marginBottom: '1500px', marginTop: '500px'}, |
| 192 | text : 'Hello World', |
| 193 | ui : 'primary', |
| 194 | width : 150, |
| 195 | |
| 196 | menu: [{ |
| 197 | handler: data => console.log('menu item 1 click =>', data), |
| 198 | iconCls: 'fa fa-home', |
| 199 | text : 'Item 1' |
| 200 | }, { |
| 201 | cls : ['neo-red'], |
| 202 | handler: data => console.log('menu item 2 click =>', data), |
| 203 | iconCls: 'fa fa-user', |
| 204 | text : 'Item 2' |
| 205 | }, { |
| 206 | handler: data => console.log('menu item 3 click =>', data), |
| 207 | iconCls: 'fa fa-play', |
| 208 | text : 'Item 3', |
| 209 | |
| 210 | items: [{ |
| 211 | handler: data => console.log('menu item 4 click =>', data), |
| 212 | iconCls: 'fa fa-home', |
| 213 | text : 'Item 4' |
| 214 | }, { |
| 215 | handler: data => console.log('menu item 5 click =>', data), |
| 216 | iconCls: 'fa fa-user', |
| 217 | text : 'Item 5' |
| 218 | }, { |
| 219 | handler: data => console.log('menu item 6 click =>', data), |
| 220 | iconCls: 'fa fa-play', |
| 221 | text : 'Item 6', |
| 222 | |
| 223 | items: [{ |
| 224 | handler: data => console.log('menu item 7 click =>', data), |
| 225 | iconCls: 'fa fa-home', |
| 226 | text : 'Item 7' |
| 227 | }, { |
| 228 | handler: data => console.log('menu item 8 click =>', data), |
| 229 | iconCls: 'fa fa-user', |
| 230 | text : 'Item 8' |
| 231 | }, { |
| 232 | handler: data => console.log('menu item 9 click =>', data), |
| 233 | iconCls: 'fa fa-play', |
| 234 | text : 'Item 9' |
| 235 | }] |
| 236 | }] |
| 237 | }] |
| 238 | |
| 239 | /*tooltips: [{ |
| 240 | text: 'Hello World Tooltip' |