How to use styles method in storybook-root

Best JavaScript code snippet using storybook-root

icon.js

Source: icon.js Github

copy

Full Screen

1import React, { Component } from "react";2import {3 Container,4 Header,5 Title,6 Content,7 Button,8 Icon,9 Text,10 Left,11 Body,12 Right,13} from "@app/​native-base";14import styles from "./​styles";15import { Grid, Row, Col } from "react-native-easy-grid";16class Icons extends Component {17 render() {18 return (19 <Container style={styles.container}>20 <Header>21 <Left>22 <Button transparent onPress={() => this.props.navigation.goBack()}>23 <Icon name="arrow-back" /​>24 </​Button>25 </​Left>26 <Body>27 <Title>Icons</​Title>28 </​Body>29 <Right /​>30 </​Header>31 <Content padder>32 <Grid>33 <Row style={styles.row}>34 <Col style={styles.col}>35 <Icon name="logo-apple" style={{ color: "#999" }} /​>36 <Text numberOfLines={1} style={styles.iconText}>37 logo-apple38 </​Text>39 </​Col>40 <Col style={styles.col}>41 <Icon name="pizza" style={{ color: "#ffc125" }} /​>42 <Text numberOfLines={1} style={styles.iconText}>43 pizza44 </​Text>45 </​Col>46 <Col style={styles.col}>47 <Icon active name="person" style={{ color: "#387ef5" }} /​>48 <Text numberOfLines={1} style={styles.iconText}>49 person50 </​Text>51 </​Col>52 <Col style={styles.col}>53 <Icon name="beer" style={{ color: "#000" }} /​>54 <Text numberOfLines={1} style={styles.iconText}>55 beer56 </​Text>57 </​Col>58 <Col style={styles.col}>59 <Icon name="bicycle" style={{ color: "#663399" }} /​>60 <Text numberOfLines={1} style={styles.iconText}>61 bicycle62 </​Text>63 </​Col>64 </​Row>65 <Row style={styles.row}>66 <Col style={styles.col}>67 <Icon name="navigate" style={{ color: "#32db64" }} /​>68 <Text numberOfLines={1} style={styles.iconText}>69 navigate70 </​Text>71 </​Col>72 <Col style={styles.col}>73 <Icon active name="cloud-circle" style={{ color: "#27a" }} /​>74 <Text numberOfLines={1} style={styles.iconText}>75 cloud-circle76 </​Text>77 </​Col>78 <Col style={styles.col}>79 <Icon name="pie" style={{ color: "#fac125" }} /​>80 <Text numberOfLines={1} style={styles.iconText}>81 pie82 </​Text>83 </​Col>84 <Col style={styles.col}>85 <Icon name="bookmarks" style={{ color: "blue" }} /​>86 <Text numberOfLines={1} style={styles.iconText}>87 bookmarks88 </​Text>89 </​Col>90 <Col style={styles.col}>91 <Icon name="pulse" style={{ color: "green" }} /​>92 <Text numberOfLines={1} style={styles.iconText}>93 pulse94 </​Text>95 </​Col>96 </​Row>97 <Row style={styles.row}>98 <Col style={styles.col}>99 <Icon active name="camera" style={{ color: "#aaa" }} /​>100 <Text numberOfLines={1} style={styles.iconText}>101 camera102 </​Text>103 </​Col>104 <Col style={styles.col}>105 <Icon name="mic-off" style={{ color: "#000" }} /​>106 <Text numberOfLines={1} style={styles.iconText}>107 mic-off108 </​Text>109 </​Col>110 <Col style={styles.col}>111 <Icon name="film" style={{ color: "brown" }} /​>112 <Text numberOfLines={1} style={styles.iconText}>113 film114 </​Text>115 </​Col>116 <Col style={styles.col}>117 <Icon active name="flame" style={{ color: "orange" }} /​>118 <Text numberOfLines={1} style={styles.iconText}>119 flame120 </​Text>121 </​Col>122 <Col style={styles.col}>123 <Icon active name="paper" style={{ color: "#000" }} /​>124 <Text numberOfLines={1} style={styles.iconText}>125 paper126 </​Text>127 </​Col>128 </​Row>129 <Row style={styles.row}>130 <Col style={styles.col}>131 <Icon name="paper-plane" style={{ color: "#387ef5" }} /​>132 <Text numberOfLines={1} style={styles.iconText}>133 paper-plane134 </​Text>135 </​Col>136 <Col style={styles.col}>137 <Icon active name="cart" style={{ color: "red" }} /​>138 <Text numberOfLines={1} style={styles.iconText}>139 cart140 </​Text>141 </​Col>142 <Col style={styles.col}>143 <Icon name="flask" style={{ color: "blue" }} /​>144 <Text numberOfLines={1} style={styles.iconText}>145 flask146 </​Text>147 </​Col>148 <Col style={styles.col}>149 <Icon active name="paw" style={{ color: "#000" }} /​>150 <Text numberOfLines={1} style={styles.iconText}>151 paw152 </​Text>153 </​Col>154 <Col style={styles.col}>155 <Icon active name="rose" style={{ color: "pink" }} /​>156 <Text numberOfLines={1} style={styles.iconText}>157 rose158 </​Text>159 </​Col>160 </​Row>161 <Row style={styles.row}>162 <Col style={styles.col}>163 <Icon name="pint" style={{ color: "#000" }} /​>164 <Text numberOfLines={1} style={styles.iconText}>165 pint166 </​Text>167 </​Col>168 <Col style={styles.col}>169 <Icon name="shuffle" style={{ color: "green" }} /​>170 <Text numberOfLines={1} style={styles.iconText}>171 shuffle172 </​Text>173 </​Col>174 <Col style={styles.col}>175 <Icon name="keypad" style={{ color: "#387ef5" }} /​>176 <Text numberOfLines={1} style={styles.iconText}>177 keypad178 </​Text>179 </​Col>180 <Col style={styles.col}>181 <Icon active name="eye" style={{ color: "#000" }} /​>182 <Text numberOfLines={1} style={styles.iconText}>183 eye184 </​Text>185 </​Col>186 <Col style={styles.col}>187 <Icon name="glasses" style={{ color: "#aaa" }} /​>188 <Text numberOfLines={1} style={styles.iconText}>189 glasses190 </​Text>191 </​Col>192 </​Row>193 <Row style={styles.row}>194 <Col style={styles.col}>195 <Icon name="microphone" style={{ color: "#000" }} /​>196 <Text numberOfLines={1} style={styles.iconText}>197 microphone198 </​Text>199 </​Col>200 <Col style={styles.col}>201 <Icon name="color-filter" style={{ color: "purple" }} /​>202 <Text numberOfLines={1} style={styles.iconText}>203 color-filter204 </​Text>205 </​Col>206 <Col style={styles.col}>207 <Icon name="alarm" style={{ color: "green" }} /​>208 <Text numberOfLines={1} style={styles.iconText}>209 alarm210 </​Text>211 </​Col>212 <Col style={styles.col}>213 <Icon active name="medkit" style={{ color: "red" }} /​>214 <Text numberOfLines={1} style={styles.iconText}>215 medkit216 </​Text>217 </​Col>218 <Col style={styles.col}>219 <Icon name="ionic" style={{ color: "blue" }} /​>220 <Text numberOfLines={1} style={styles.iconText}>221 ionic222 </​Text>223 </​Col>224 </​Row>225 <Row style={styles.row}>226 <Col style={styles.col}>227 <Icon name="refresh" style={{ color: "blue" }} /​>228 <Text numberOfLines={1} style={styles.iconText}>229 refresh230 </​Text>231 </​Col>232 <Col style={styles.col}>233 <Icon name="star-half" style={{ color: "gold" }} /​>234 <Text numberOfLines={1} style={styles.iconText}>235 star-half236 </​Text>237 </​Col>238 <Col style={styles.col}>239 <Icon active name="train" style={{ color: "#E14343" }} /​>240 <Text numberOfLines={1} style={styles.iconText}>241 train242 </​Text>243 </​Col>244 <Col style={styles.col}>245 <Icon active name="wine" style={{ color: "brown" }} /​>246 <Text numberOfLines={1} style={styles.iconText}>247 wine248 </​Text>249 </​Col>250 <Col style={styles.col}>251 <Icon name="partly-sunny" style={{ color: "#000" }} /​>252 <Text numberOfLines={1} style={styles.iconText}>253 partly-sunny254 </​Text>255 </​Col>256 </​Row>257 <Row style={styles.row}>258 <Col style={styles.col}>259 <Icon active name="nutrition" style={{ color: "red" }} /​>260 <Text numberOfLines={1} style={styles.iconText}>261 nutrition262 </​Text>263 </​Col>264 <Col style={styles.col}>265 <Icon name="grid" style={{ color: "blue" }} /​>266 <Text numberOfLines={1} style={styles.iconText}>267 grid268 </​Text>269 </​Col>270 <Col style={styles.col}>271 <Icon active name="settings" style={{ color: "#555" }} /​>272 <Text numberOfLines={1} style={styles.iconText}>273 settings274 </​Text>275 </​Col>276 <Col style={styles.col}>277 <Icon name="chatbubbles" style={{ color: "#27a" }} /​>278 <Text numberOfLines={1} style={styles.iconText}>279 chatbubbles280 </​Text>281 </​Col>282 <Col style={styles.col}>283 <Icon name="speedometer" style={{ color: "#000" }} /​>284 <Text numberOfLines={1} style={styles.iconText}>285 speedometer286 </​Text>287 </​Col>288 </​Row>289 <Row style={styles.row}>290 <Col style={styles.col}>291 <Icon active name="chatboxes" style={{ color: "green" }} /​>292 <Text numberOfLines={1} style={styles.iconText}>293 chatboxes294 </​Text>295 </​Col>296 <Col style={styles.col}>297 <Icon name="cog" style={{ color: "#000" }} /​>298 <Text numberOfLines={1} style={styles.iconText}>299 cog300 </​Text>301 </​Col>302 <Col style={styles.col}>303 <Icon name="baseball" style={{ color: "#000" }} /​>304 <Text numberOfLines={1} style={styles.iconText}>305 baseball306 </​Text>307 </​Col>308 <Col style={styles.col}>309 <Icon name="bulb" style={{ color: "gold" }} /​>310 <Text numberOfLines={1} style={styles.iconText}>311 bulb312 </​Text>313 </​Col>314 <Col style={styles.col}>315 <Icon name="calculator" style={{ color: "#889" }} /​>316 <Text numberOfLines={1} style={styles.iconText}>317 calculator318 </​Text>319 </​Col>320 </​Row>321 <Row style={styles.row}>322 <Col style={styles.col}>323 <Icon name="rainy" style={{ color: "blue" }} /​>324 <Text numberOfLines={1} style={styles.iconText}>325 rainy326 </​Text>327 </​Col>328 <Col style={styles.col}>329 <Icon name="videocam" style={{ color: "#000" }} /​>330 <Text numberOfLines={1} style={styles.iconText}>331 videocam332 </​Text>333 </​Col>334 <Col style={styles.col}>335 <Icon active name="play" style={{ color: "#f53d3d" }} /​>336 <Text numberOfLines={1} style={styles.iconText}>337 play338 </​Text>339 </​Col>340 <Col style={styles.col}>341 <Icon name="disc" style={{ color: "#c76" }} /​>342 <Text numberOfLines={1} style={styles.iconText}>343 disc344 </​Text>345 </​Col>346 <Col style={styles.col}>347 <Icon name="body" style={{ color: "#000" }} /​>348 <Text numberOfLines={1} style={styles.iconText}>349 body350 </​Text>351 </​Col>352 </​Row>353 <Row style={styles.row}>354 <Col style={styles.col}>355 <Icon name="lock" style={{ color: "blue" }} /​>356 <Text numberOfLines={1} style={styles.iconText}>357 lock358 </​Text>359 </​Col>360 <Col style={styles.col}>361 <Icon active name="key" style={{ color: "gold" }} /​>362 <Text numberOfLines={1} style={styles.iconText}>363 key364 </​Text>365 </​Col>366 <Col style={styles.col}>367 <Icon name="flag" style={{ color: "green" }} /​>368 <Text numberOfLines={1} style={styles.iconText}>369 flag370 </​Text>371 </​Col>372 <Col style={styles.col}>373 <Icon active name="skip-forward" style={{ color: "#999" }} /​>374 <Text numberOfLines={1} style={styles.iconText}>375 skip-forward376 </​Text>377 </​Col>378 <Col style={styles.col}>379 <Icon name="logo-github" style={{ color: "brown" }} /​>380 <Text numberOfLines={1} style={styles.iconText}>381 logo-github382 </​Text>383 </​Col>384 </​Row>385 <Row style={styles.row}>386 <Col style={styles.col}>387 <Icon name="barcode" style={{ color: "#387ef5" }} /​>388 <Text numberOfLines={1} style={styles.iconText}>389 barcode390 </​Text>391 </​Col>392 <Col style={styles.col}>393 <Icon name="logo-tux" style={{ color: "#000" }} /​>394 <Text numberOfLines={1} style={styles.iconText}>395 logo-tux396 </​Text>397 </​Col>398 <Col style={styles.col}>399 <Icon name="copy" style={{ color: "#000" }} /​>400 <Text numberOfLines={1} style={styles.iconText}>401 copy402 </​Text>403 </​Col>404 <Col style={styles.col}>405 <Icon name="stopwatch" style={{ color: "#1df" }} /​>406 <Text numberOfLines={1} style={styles.iconText}>407 stopwatch408 </​Text>409 </​Col>410 <Col style={styles.col}>411 <Icon name="medical" style={{ color: "red" }} /​>412 <Text numberOfLines={1} style={styles.iconText}>413 medical414 </​Text>415 </​Col>416 </​Row>417 <Row style={styles.row}>418 <Col style={styles.col}>419 <Icon name="archive" style={{ color: "brown" }} /​>420 <Text numberOfLines={1} style={styles.iconText}>421 archive422 </​Text>423 </​Col>424 <Col style={styles.col}>425 <Icon active name="bookmark" style={{ color: "green" }} /​>426 <Text numberOfLines={1} style={styles.iconText}>427 bookmark428 </​Text>429 </​Col>430 <Col style={styles.col}>431 <Icon name="clipboard" style={{ color: "#000" }} /​>432 <Text numberOfLines={1} style={styles.iconText}>433 clipboard434 </​Text>435 </​Col>436 <Col style={styles.col}>437 <Icon active name="happy" style={{ color: "#ffc125" }} /​>438 <Text numberOfLines={1} style={styles.iconText}>439 happy440 </​Text>441 </​Col>442 <Col style={styles.col}>443 <Icon name="share" style={{ color: "#387ef5" }} /​>444 <Text numberOfLines={1} style={styles.iconText}>445 share446 </​Text>447 </​Col>448 </​Row>449 <Row style={styles.row}>450 <Col style={styles.col}>451 <Icon name="bluetooth" style={{ color: "#387ef5" }} /​>452 <Text numberOfLines={1} style={styles.iconText}>453 bluetooth454 </​Text>455 </​Col>456 <Col style={styles.col}>457 <Icon name="search" style={{ color: "#777" }} /​>458 <Text numberOfLines={1} style={styles.iconText}>459 search460 </​Text>461 </​Col>462 <Col style={styles.col}>463 <Icon name="wifi" style={{ color: "blue" }} /​>464 <Text numberOfLines={1} style={styles.iconText}>465 wifi466 </​Text>467 </​Col>468 <Col style={styles.col}>469 <Icon active name="hand" style={{ color: "#EBAB7F" }} /​>470 <Text numberOfLines={1} style={styles.iconText}>471 hand472 </​Text>473 </​Col>474 <Col style={styles.col}>475 <Icon name="trash" style={{ color: "#000" }} /​>476 <Text numberOfLines={1} style={styles.iconText}>477 trash478 </​Text>479 </​Col>480 </​Row>481 <Row style={styles.row}>482 <Col style={styles.col}>483 <Icon name="images" style={{ color: "red" }} /​>484 <Text numberOfLines={1} style={styles.iconText}>485 images486 </​Text>487 </​Col>488 <Col style={styles.col}>489 <Icon name="attach" style={{ color: "#000" }} /​>490 <Text numberOfLines={1} style={styles.iconText}>491 attach492 </​Text>493 </​Col>494 <Col style={styles.col}>495 <Icon name="logo-facebook" style={{ color: "#46639E" }} /​>496 <Text numberOfLines={1} style={styles.iconText}>497 logo-facebook498 </​Text>499 </​Col>500 <Col style={styles.col}>501 <Icon name="logo-googleplus" style={{ color: "#DC4A38" }} /​>502 <Text numberOfLines={1} style={styles.iconText}>503 logo-googleplus504 </​Text>505 </​Col>506 <Col style={styles.col}>507 <Icon name="logo-twitter" style={{ color: "#1DA1F2" }} /​>508 <Text numberOfLines={1} style={styles.iconText}>509 logo-twitter510 </​Text>511 </​Col>512 </​Row>513 <Row style={styles.row}>514 <Col style={styles.col}>515 <Icon name="logo-github" style={{ color: "red" }} /​>516 <Text numberOfLines={1} style={styles.iconText}>517 logo-github518 </​Text>519 </​Col>520 <Col style={styles.col}>521 <Icon name="logo-whatsapp" style={{ color: "#000" }} /​>522 <Text numberOfLines={1} style={styles.iconText}>523 logo-whatsapp524 </​Text>525 </​Col>526 <Col style={styles.col}>527 <Icon name="logo-wordpress" style={{ color: "#46639E" }} /​>528 <Text numberOfLines={1} style={styles.iconText}>529 logo-wordpress530 </​Text>531 </​Col>532 <Col style={styles.col}>533 <Icon name="logo-youtube" style={{ color: "#DC4A38" }} /​>534 <Text numberOfLines={1} style={styles.iconText}>535 logo-youtube536 </​Text>537 </​Col>538 <Col style={styles.col}>539 <Icon name="mail" style={{ color: "#1DA1F2" }} /​>540 <Text numberOfLines={1} style={styles.iconText}>541 mail542 </​Text>543 </​Col>544 </​Row>545 </​Grid>546 </​Content>547 </​Container>548 );549 }550}...

Full Screen

Full Screen

state.js

Source: state.js Github

copy

Full Screen

1import React, { Component } from "react";2import {3 Container,4 Header,5 Title,6 Content,7 Button,8 Text,9 Body,10 Left,11 Right,12 Icon13} from "@app/​native-base";14import { Grid, Row, Col } from "react-native-easy-grid";15import styles from "./​styles";16class StateIcon extends Component {17 render() {18 return (19 <Container style={styles.container}>20 <Header>21 <Left>22 <Button transparent onPress={() => this.props.navigation.goBack()}>23 <Icon name="arrow-back" /​>24 </​Button>25 </​Left>26 <Body>27 <Title>Icons</​Title>28 </​Body>29 <Right /​>30 </​Header>31 <Content padder>32 <Grid>33 <Row style={styles.row}>34 <Col style={styles.col}>35 <Icon name="logo-apple" /​>36 <Text numberOfLines={1} style={styles.iconText}>37 logo-apple38 </​Text>39 </​Col>40 <Col style={styles.col}>41 <Icon name="pizza" /​>42 <Text numberOfLines={1} style={styles.iconText}>43 pizza44 </​Text>45 </​Col>46 <Col style={styles.col}>47 <Icon name="person" /​>48 <Text numberOfLines={1} style={styles.iconText}>49 person50 </​Text>51 </​Col>52 <Col style={styles.col}>53 <Icon name="beer" /​>54 <Text numberOfLines={1} style={styles.iconText}>55 beer56 </​Text>57 </​Col>58 <Col style={styles.col}>59 <Icon name="bicycle" /​>60 <Text numberOfLines={1} style={styles.iconText}>61 bicycle62 </​Text>63 </​Col>64 </​Row>65 <Row style={styles.row}>66 <Col style={styles.col}>67 <Icon name="navigate" /​>68 <Text numberOfLines={1} style={styles.iconText}>69 navigate70 </​Text>71 </​Col>72 <Col style={styles.col}>73 <Icon name="cloud-circle" /​>74 <Text numberOfLines={1} style={styles.iconText}>75 cloud-circle76 </​Text>77 </​Col>78 <Col style={styles.col}>79 <Icon name="pie" /​>80 <Text numberOfLines={1} style={styles.iconText}>81 pie82 </​Text>83 </​Col>84 <Col style={styles.col}>85 <Icon name="bookmarks" /​>86 <Text numberOfLines={1} style={styles.iconText}>87 bookmarks88 </​Text>89 </​Col>90 <Col style={styles.col}>91 <Icon name="pulse" /​>92 <Text numberOfLines={1} style={styles.iconText}>93 pulse94 </​Text>95 </​Col>96 </​Row>97 <Row style={styles.row}>98 <Col style={styles.col}>99 <Icon name="camera" /​>100 <Text numberOfLines={1} style={styles.iconText}>101 camera102 </​Text>103 </​Col>104 <Col style={styles.col}>105 <Icon name="mic-off" /​>106 <Text numberOfLines={1} style={styles.iconText}>107 mic-off108 </​Text>109 </​Col>110 <Col style={styles.col}>111 <Icon name="film" /​>112 <Text numberOfLines={1} style={styles.iconText}>113 film114 </​Text>115 </​Col>116 <Col style={styles.col}>117 <Icon name="flame" /​>118 <Text numberOfLines={1} style={styles.iconText}>119 flame120 </​Text>121 </​Col>122 <Col style={styles.col}>123 <Icon name="paper" /​>124 <Text numberOfLines={1} style={styles.iconText}>125 paper126 </​Text>127 </​Col>128 </​Row>129 <Row style={styles.row}>130 <Col style={styles.col}>131 <Icon name="paper-plane" /​>132 <Text numberOfLines={1} style={styles.iconText}>133 paper-plane134 </​Text>135 </​Col>136 <Col style={styles.col}>137 <Icon name="cart" /​>138 <Text numberOfLines={1} style={styles.iconText}>139 cart140 </​Text>141 </​Col>142 <Col style={styles.col}>143 <Icon name="flask" /​>144 <Text numberOfLines={1} style={styles.iconText}>145 flask146 </​Text>147 </​Col>148 <Col style={styles.col}>149 <Icon name="paw" /​>150 <Text numberOfLines={1} style={styles.iconText}>151 paw152 </​Text>153 </​Col>154 <Col style={styles.col}>155 <Icon name="rose" /​>156 <Text numberOfLines={1} style={styles.iconText}>157 rose158 </​Text>159 </​Col>160 </​Row>161 <Row style={styles.row}>162 <Col style={styles.col}>163 <Icon name="pint" /​>164 <Text numberOfLines={1} style={styles.iconText}>165 pint166 </​Text>167 </​Col>168 <Col style={styles.col}>169 <Icon name="shuffle" /​>170 <Text numberOfLines={1} style={styles.iconText}>171 shuffle172 </​Text>173 </​Col>174 <Col style={styles.col}>175 <Icon name="keypad" /​>176 <Text numberOfLines={1} style={styles.iconText}>177 keypad178 </​Text>179 </​Col>180 <Col style={styles.col}>181 <Icon name="eye" /​>182 <Text numberOfLines={1} style={styles.iconText}>183 eye184 </​Text>185 </​Col>186 <Col style={styles.col}>187 <Icon name="glasses" /​>188 <Text numberOfLines={1} style={styles.iconText}>189 glasses190 </​Text>191 </​Col>192 </​Row>193 <Row style={styles.row}>194 <Col style={styles.col}>195 <Icon name="microphone" /​>196 <Text numberOfLines={1} style={styles.iconText}>197 microphone198 </​Text>199 </​Col>200 <Col style={styles.col}>201 <Icon name="color-filter" /​>202 <Text numberOfLines={1} style={styles.iconText}>203 color-filter204 </​Text>205 </​Col>206 <Col style={styles.col}>207 <Icon name="alarm" /​>208 <Text numberOfLines={1} style={styles.iconText}>209 alarm210 </​Text>211 </​Col>212 <Col style={styles.col}>213 <Icon name="medkit" /​>214 <Text numberOfLines={1} style={styles.iconText}>215 medkit216 </​Text>217 </​Col>218 <Col style={styles.col}>219 <Icon name="ionic" /​>220 <Text numberOfLines={1} style={styles.iconText}>221 ionic222 </​Text>223 </​Col>224 </​Row>225 <Row style={styles.row}>226 <Col style={styles.col}>227 <Icon name="refresh" /​>228 <Text numberOfLines={1} style={styles.iconText}>229 refresh230 </​Text>231 </​Col>232 <Col style={styles.col}>233 <Icon name="star-half" /​>234 <Text numberOfLines={1} style={styles.iconText}>235 star-half236 </​Text>237 </​Col>238 <Col style={styles.col}>239 <Icon name="train" /​>240 <Text numberOfLines={1} style={styles.iconText}>241 train242 </​Text>243 </​Col>244 <Col style={styles.col}>245 <Icon name="wine" /​>246 <Text numberOfLines={1} style={styles.iconText}>247 wine248 </​Text>249 </​Col>250 <Col style={styles.col}>251 <Icon name="partly-sunny" /​>252 <Text numberOfLines={1} style={styles.iconText}>253 partly-sunny254 </​Text>255 </​Col>256 </​Row>257 <Row style={styles.row}>258 <Col style={styles.col}>259 <Icon name="nutrition" /​>260 <Text numberOfLines={1} style={styles.iconText}>261 nutrition262 </​Text>263 </​Col>264 <Col style={styles.col}>265 <Icon name="grid" /​>266 <Text numberOfLines={1} style={styles.iconText}>267 grid268 </​Text>269 </​Col>270 <Col style={styles.col}>271 <Icon name="settings" /​>272 <Text numberOfLines={1} style={styles.iconText}>273 settings274 </​Text>275 </​Col>276 <Col style={styles.col}>277 <Icon name="chatbubbles" /​>278 <Text numberOfLines={1} style={styles.iconText}>279 chatbubbles280 </​Text>281 </​Col>282 <Col style={styles.col}>283 <Icon name="speedometer" /​>284 <Text numberOfLines={1} style={styles.iconText}>285 speedometer286 </​Text>287 </​Col>288 </​Row>289 <Row style={styles.row}>290 <Col style={styles.col}>291 <Icon name="chatboxes" /​>292 <Text numberOfLines={1} style={styles.iconText}>293 chatboxes294 </​Text>295 </​Col>296 <Col style={styles.col}>297 <Icon name="cog" /​>298 <Text numberOfLines={1} style={styles.iconText}>299 cog300 </​Text>301 </​Col>302 <Col style={styles.col}>303 <Icon name="baseball" /​>304 <Text numberOfLines={1} style={styles.iconText}>305 baseball306 </​Text>307 </​Col>308 <Col style={styles.col}>309 <Icon name="bulb" /​>310 <Text numberOfLines={1} style={styles.iconText}>311 bulb312 </​Text>313 </​Col>314 <Col style={styles.col}>315 <Icon name="calculator" /​>316 <Text numberOfLines={1} style={styles.iconText}>317 calculator318 </​Text>319 </​Col>320 </​Row>321 <Row style={styles.row}>322 <Col style={styles.col}>323 <Icon name="rainy" /​>324 <Text numberOfLines={1} style={styles.iconText}>325 rainy326 </​Text>327 </​Col>328 <Col style={styles.col}>329 <Icon name="videocam" /​>330 <Text numberOfLines={1} style={styles.iconText}>331 videocam332 </​Text>333 </​Col>334 <Col style={styles.col}>335 <Icon name="play" /​>336 <Text numberOfLines={1} style={styles.iconText}>337 play338 </​Text>339 </​Col>340 <Col style={styles.col}>341 <Icon name="disc" /​>342 <Text numberOfLines={1} style={styles.iconText}>343 disc344 </​Text>345 </​Col>346 <Col style={styles.col}>347 <Icon name="body" /​>348 <Text numberOfLines={1} style={styles.iconText}>349 body350 </​Text>351 </​Col>352 </​Row>353 <Row style={styles.row}>354 <Col style={styles.col}>355 <Icon name="lock" /​>356 <Text numberOfLines={1} style={styles.iconText}>357 lock358 </​Text>359 </​Col>360 <Col style={styles.col}>361 <Icon name="key" /​>362 <Text numberOfLines={1} style={styles.iconText}>363 key364 </​Text>365 </​Col>366 <Col style={styles.col}>367 <Icon name="flag" /​>368 <Text numberOfLines={1} style={styles.iconText}>369 flag370 </​Text>371 </​Col>372 <Col style={styles.col}>373 <Icon name="skip-forward" /​>374 <Text numberOfLines={1} style={styles.iconText}>375 skip-forward376 </​Text>377 </​Col>378 <Col style={styles.col}>379 <Icon name="logo-github" /​>380 <Text numberOfLines={1} style={styles.iconText}>381 logo-github382 </​Text>383 </​Col>384 </​Row>385 <Row style={styles.row}>386 <Col style={styles.col}>387 <Icon name="barcode" /​>388 <Text numberOfLines={1} style={styles.iconText}>389 barcode390 </​Text>391 </​Col>392 <Col style={styles.col}>393 <Icon name="logo-tux" /​>394 <Text numberOfLines={1} style={styles.iconText}>395 logo-tux396 </​Text>397 </​Col>398 <Col style={styles.col}>399 <Icon name="copy" /​>400 <Text numberOfLines={1} style={styles.iconText}>401 copy402 </​Text>403 </​Col>404 <Col style={styles.col}>405 <Icon name="stopwatch" /​>406 <Text numberOfLines={1} style={styles.iconText}>407 stopwatch408 </​Text>409 </​Col>410 <Col style={styles.col}>411 <Icon name="medical" /​>412 <Text numberOfLines={1} style={styles.iconText}>413 medical414 </​Text>415 </​Col>416 </​Row>417 <Row style={styles.row}>418 <Col style={styles.col}>419 <Icon name="archive" /​>420 <Text numberOfLines={1} style={styles.iconText}>421 archive422 </​Text>423 </​Col>424 <Col style={styles.col}>425 <Icon name="bookmark" /​>426 <Text numberOfLines={1} style={styles.iconText}>427 bookmark428 </​Text>429 </​Col>430 <Col style={styles.col}>431 <Icon name="clipboard" /​>432 <Text numberOfLines={1} style={styles.iconText}>433 clipboard434 </​Text>435 </​Col>436 <Col style={styles.col}>437 <Icon name="happy" /​>438 <Text numberOfLines={1} style={styles.iconText}>439 happy440 </​Text>441 </​Col>442 <Col style={styles.col}>443 <Icon name="share" /​>444 <Text numberOfLines={1} style={styles.iconText}>445 share446 </​Text>447 </​Col>448 </​Row>449 <Row style={styles.row}>450 <Col style={styles.col}>451 <Icon name="bluetooth" /​>452 <Text numberOfLines={1} style={styles.iconText}>453 bluetooth454 </​Text>455 </​Col>456 <Col style={styles.col}>457 <Icon name="search" /​>458 <Text numberOfLines={1} style={styles.iconText}>459 search460 </​Text>461 </​Col>462 <Col style={styles.col}>463 <Icon name="wifi" /​>464 <Text numberOfLines={1} style={styles.iconText}>465 wifi466 </​Text>467 </​Col>468 <Col style={styles.col}>469 <Icon name="hand" /​>470 <Text numberOfLines={1} style={styles.iconText}>471 hand472 </​Text>473 </​Col>474 <Col style={styles.col}>475 <Icon name="trash" /​>476 <Text numberOfLines={1} style={styles.iconText}>477 trash478 </​Text>479 </​Col>480 </​Row>481 <Row style={styles.row}>482 <Col style={styles.col}>483 <Icon name="images" /​>484 <Text numberOfLines={1} style={styles.iconText}>485 images486 </​Text>487 </​Col>488 <Col style={styles.col}>489 <Icon name="attach" /​>490 <Text numberOfLines={1} style={styles.iconText}>491 attach492 </​Text>493 </​Col>494 <Col style={styles.col}>495 <Icon name="logo-facebook" /​>496 <Text numberOfLines={1} style={styles.iconText}>497 logo-facebook498 </​Text>499 </​Col>500 <Col style={styles.col}>501 <Icon name="logo-googleplus" /​>502 <Text numberOfLines={1} style={styles.iconText}>503 logo-googleplus504 </​Text>505 </​Col>506 <Col style={styles.col}>507 <Icon name="logo-twitter" /​>508 <Text numberOfLines={1} style={styles.iconText}>509 logo-twitter510 </​Text>511 </​Col>512 </​Row>513 <Row style={styles.row}>514 <Col style={styles.col}>515 <Icon name="logo-github" /​>516 <Text numberOfLines={1} style={styles.iconText}>517 logo-github518 </​Text>519 </​Col>520 <Col style={styles.col}>521 <Icon name="logo-whatsapp" /​>522 <Text numberOfLines={1} style={styles.iconText}>523 logo-whatsapp524 </​Text>525 </​Col>526 <Col style={styles.col}>527 <Icon name="logo-wordpress" /​>528 <Text numberOfLines={1} style={styles.iconText}>529 logo-wordpress530 </​Text>531 </​Col>532 <Col style={styles.col}>533 <Icon name="logo-youtube" /​>534 <Text numberOfLines={1} style={styles.iconText}>535 logo-youtube536 </​Text>537 </​Col>538 <Col style={styles.col}>539 <Icon name="mail" /​>540 <Text numberOfLines={1} style={styles.iconText}>541 mail542 </​Text>543 </​Col>544 </​Row>545 </​Grid>546 </​Content>547 </​Container>548 );549 }550}...

Full Screen

Full Screen

DesignStylesListener.js

Source: DesignStylesListener.js Github

copy

Full Screen

1/​/​ Generated from src/​components/​common/​grammar/​definitions/​DesignStyles.g4 by ANTLR 4.82/​/​ jshint ignore: start3var antlr4 = require('antlr4/​index');4/​/​ This class defines a complete listener for a parse tree produced by DesignStylesParser.5function DesignStylesListener() {6 antlr4.tree.ParseTreeListener.call(this);7 return this;8}9DesignStylesListener.prototype = Object.create(antlr4.tree.ParseTreeListener.prototype);10DesignStylesListener.prototype.constructor = DesignStylesListener;11/​/​ Enter a parse tree produced by DesignStylesParser#designstyles.12DesignStylesListener.prototype.enterDesignstyles = function(ctx) {13};14/​/​ Exit a parse tree produced by DesignStylesParser#designstyles.15DesignStylesListener.prototype.exitDesignstyles = function(ctx) {16};17/​/​ Enter a parse tree produced by DesignStylesParser#external_import.18DesignStylesListener.prototype.enterExternal_import = function(ctx) {19};20/​/​ Exit a parse tree produced by DesignStylesParser#external_import.21DesignStylesListener.prototype.exitExternal_import = function(ctx) {22};23/​/​ Enter a parse tree produced by DesignStylesParser#file_list.24DesignStylesListener.prototype.enterFile_list = function(ctx) {25};26/​/​ Exit a parse tree produced by DesignStylesParser#file_list.27DesignStylesListener.prototype.exitFile_list = function(ctx) {28};29/​/​ Enter a parse tree produced by DesignStylesParser#imported_file_path.30DesignStylesListener.prototype.enterImported_file_path = function(ctx) {31};32/​/​ Exit a parse tree produced by DesignStylesParser#imported_file_path.33DesignStylesListener.prototype.exitImported_file_path = function(ctx) {34};35/​/​ Enter a parse tree produced by DesignStylesParser#gx_file_list.36DesignStylesListener.prototype.enterGx_file_list = function(ctx) {37};38/​/​ Exit a parse tree produced by DesignStylesParser#gx_file_list.39DesignStylesListener.prototype.exitGx_file_list = function(ctx) {40};41/​/​ Enter a parse tree produced by DesignStylesParser#dso_list.42DesignStylesListener.prototype.enterDso_list = function(ctx) {43};44/​/​ Exit a parse tree produced by DesignStylesParser#dso_list.45DesignStylesListener.prototype.exitDso_list = function(ctx) {46};47/​/​ Enter a parse tree produced by DesignStylesParser#imported_dso.48DesignStylesListener.prototype.enterImported_dso = function(ctx) {49};50/​/​ Exit a parse tree produced by DesignStylesParser#imported_dso.51DesignStylesListener.prototype.exitImported_dso = function(ctx) {52};53/​/​ Enter a parse tree produced by DesignStylesParser#imported_dso_styles.54DesignStylesListener.prototype.enterImported_dso_styles = function(ctx) {55};56/​/​ Exit a parse tree produced by DesignStylesParser#imported_dso_styles.57DesignStylesListener.prototype.exitImported_dso_styles = function(ctx) {58};59/​/​ Enter a parse tree produced by DesignStylesParser#imported_dso_tokens.60DesignStylesListener.prototype.enterImported_dso_tokens = function(ctx) {61};62/​/​ Exit a parse tree produced by DesignStylesParser#imported_dso_tokens.63DesignStylesListener.prototype.exitImported_dso_tokens = function(ctx) {64};65/​/​ Enter a parse tree produced by DesignStylesParser#imported_dso_name.66DesignStylesListener.prototype.enterImported_dso_name = function(ctx) {67};68/​/​ Exit a parse tree produced by DesignStylesParser#imported_dso_name.69DesignStylesListener.prototype.exitImported_dso_name = function(ctx) {70};71/​/​ Enter a parse tree produced by DesignStylesParser#object_name.72DesignStylesListener.prototype.enterObject_name = function(ctx) {73};74/​/​ Exit a parse tree produced by DesignStylesParser#object_name.75DesignStylesListener.prototype.exitObject_name = function(ctx) {76};77/​/​ Enter a parse tree produced by DesignStylesParser#region.78DesignStylesListener.prototype.enterRegion = function(ctx) {79};80/​/​ Exit a parse tree produced by DesignStylesParser#region.81DesignStylesListener.prototype.exitRegion = function(ctx) {82};83/​/​ Enter a parse tree produced by DesignStylesParser#media_region.84DesignStylesListener.prototype.enterMedia_region = function(ctx) {85};86/​/​ Exit a parse tree produced by DesignStylesParser#media_region.87DesignStylesListener.prototype.exitMedia_region = function(ctx) {88};89/​/​ Enter a parse tree produced by DesignStylesParser#style_class.90DesignStylesListener.prototype.enterStyle_class = function(ctx) {91};92/​/​ Exit a parse tree produced by DesignStylesParser#style_class.93DesignStylesListener.prototype.exitStyle_class = function(ctx) {94};95/​/​ Enter a parse tree produced by DesignStylesParser#font_face.96DesignStylesListener.prototype.enterFont_face = function(ctx) {97};98/​/​ Exit a parse tree produced by DesignStylesParser#font_face.99DesignStylesListener.prototype.exitFont_face = function(ctx) {100};101/​/​ Enter a parse tree produced by DesignStylesParser#media_query_styles.102DesignStylesListener.prototype.enterMedia_query_styles = function(ctx) {103};104/​/​ Exit a parse tree produced by DesignStylesParser#media_query_styles.105DesignStylesListener.prototype.exitMedia_query_styles = function(ctx) {106};107/​/​ Enter a parse tree produced by DesignStylesParser#media_query.108DesignStylesListener.prototype.enterMedia_query = function(ctx) {109};110/​/​ Exit a parse tree produced by DesignStylesParser#media_query.111DesignStylesListener.prototype.exitMedia_query = function(ctx) {112};113/​/​ Enter a parse tree produced by DesignStylesParser#media_query_member.114DesignStylesListener.prototype.enterMedia_query_member = function(ctx) {115};116/​/​ Exit a parse tree produced by DesignStylesParser#media_query_member.117DesignStylesListener.prototype.exitMedia_query_member = function(ctx) {118};119/​/​ Enter a parse tree produced by DesignStylesParser#media_query_token.120DesignStylesListener.prototype.enterMedia_query_token = function(ctx) {121};122/​/​ Exit a parse tree produced by DesignStylesParser#media_query_token.123DesignStylesListener.prototype.exitMedia_query_token = function(ctx) {124};125/​/​ Enter a parse tree produced by DesignStylesParser#media_type.126DesignStylesListener.prototype.enterMedia_type = function(ctx) {127};128/​/​ Exit a parse tree produced by DesignStylesParser#media_type.129DesignStylesListener.prototype.exitMedia_type = function(ctx) {130};131/​/​ Enter a parse tree produced by DesignStylesParser#media_expr.132DesignStylesListener.prototype.enterMedia_expr = function(ctx) {133};134/​/​ Exit a parse tree produced by DesignStylesParser#media_expr.135DesignStylesListener.prototype.exitMedia_expr = function(ctx) {136};137/​/​ Enter a parse tree produced by DesignStylesParser#class_properties.138DesignStylesListener.prototype.enterClass_properties = function(ctx) {139};140/​/​ Exit a parse tree produced by DesignStylesParser#class_properties.141DesignStylesListener.prototype.exitClass_properties = function(ctx) {142};143/​/​ Enter a parse tree produced by DesignStylesParser#included_class.144DesignStylesListener.prototype.enterIncluded_class = function(ctx) {145};146/​/​ Exit a parse tree produced by DesignStylesParser#included_class.147DesignStylesListener.prototype.exitIncluded_class = function(ctx) {148};149/​/​ Enter a parse tree produced by DesignStylesParser#property.150DesignStylesListener.prototype.enterProperty = function(ctx) {151};152/​/​ Exit a parse tree produced by DesignStylesParser#property.153DesignStylesListener.prototype.exitProperty = function(ctx) {154};155/​/​ Enter a parse tree produced by DesignStylesParser#property_value.156DesignStylesListener.prototype.enterProperty_value = function(ctx) {157};158/​/​ Exit a parse tree produced by DesignStylesParser#property_value.159DesignStylesListener.prototype.exitProperty_value = function(ctx) {160};161/​/​ Enter a parse tree produced by DesignStylesParser#func.162DesignStylesListener.prototype.enterFunc = function(ctx) {163};164/​/​ Exit a parse tree produced by DesignStylesParser#func.165DesignStylesListener.prototype.exitFunc = function(ctx) {166};167/​/​ Enter a parse tree produced by DesignStylesParser#func_name.168DesignStylesListener.prototype.enterFunc_name = function(ctx) {169};170/​/​ Exit a parse tree produced by DesignStylesParser#func_name.171DesignStylesListener.prototype.exitFunc_name = function(ctx) {172};173/​/​ Enter a parse tree produced by DesignStylesParser#csspropertyvalue.174DesignStylesListener.prototype.enterCsspropertyvalue = function(ctx) {175};176/​/​ Exit a parse tree produced by DesignStylesParser#csspropertyvalue.177DesignStylesListener.prototype.exitCsspropertyvalue = function(ctx) {178};179/​/​ Enter a parse tree produced by DesignStylesParser#important_expr.180DesignStylesListener.prototype.enterImportant_expr = function(ctx) {181};182/​/​ Exit a parse tree produced by DesignStylesParser#important_expr.183DesignStylesListener.prototype.exitImportant_expr = function(ctx) {184};185/​/​ Enter a parse tree produced by DesignStylesParser#csspropertyname.186DesignStylesListener.prototype.enterCsspropertyname = function(ctx) {187};188/​/​ Exit a parse tree produced by DesignStylesParser#csspropertyname.189DesignStylesListener.prototype.exitCsspropertyname = function(ctx) {190};191/​/​ Enter a parse tree produced by DesignStylesParser#gx_imagevalue.192DesignStylesListener.prototype.enterGx_imagevalue = function(ctx) {193};194/​/​ Exit a parse tree produced by DesignStylesParser#gx_imagevalue.195DesignStylesListener.prototype.exitGx_imagevalue = function(ctx) {196};197/​/​ Enter a parse tree produced by DesignStylesParser#gx_filevalue.198DesignStylesListener.prototype.enterGx_filevalue = function(ctx) {199};200/​/​ Exit a parse tree produced by DesignStylesParser#gx_filevalue.201DesignStylesListener.prototype.exitGx_filevalue = function(ctx) {202};203/​/​ Enter a parse tree produced by DesignStylesParser#object_reference.204DesignStylesListener.prototype.enterObject_reference = function(ctx) {205};206/​/​ Exit a parse tree produced by DesignStylesParser#object_reference.207DesignStylesListener.prototype.exitObject_reference = function(ctx) {208};209/​/​ Enter a parse tree produced by DesignStylesParser#image_name.210DesignStylesListener.prototype.enterImage_name = function(ctx) {211};212/​/​ Exit a parse tree produced by DesignStylesParser#image_name.213DesignStylesListener.prototype.exitImage_name = function(ctx) {214};215/​/​ Enter a parse tree produced by DesignStylesParser#file_name.216DesignStylesListener.prototype.enterFile_name = function(ctx) {217};218/​/​ Exit a parse tree produced by DesignStylesParser#file_name.219DesignStylesListener.prototype.exitFile_name = function(ctx) {220};221/​/​ Enter a parse tree produced by DesignStylesParser#generic_name.222DesignStylesListener.prototype.enterGeneric_name = function(ctx) {223};224/​/​ Exit a parse tree produced by DesignStylesParser#generic_name.225DesignStylesListener.prototype.exitGeneric_name = function(ctx) {226};227/​/​ Enter a parse tree produced by DesignStylesParser#module_name.228DesignStylesListener.prototype.enterModule_name = function(ctx) {229};230/​/​ Exit a parse tree produced by DesignStylesParser#module_name.231DesignStylesListener.prototype.exitModule_name = function(ctx) {232};233/​/​ Enter a parse tree produced by DesignStylesParser#file_extension.234DesignStylesListener.prototype.enterFile_extension = function(ctx) {235};236/​/​ Exit a parse tree produced by DesignStylesParser#file_extension.237DesignStylesListener.prototype.exitFile_extension = function(ctx) {238};239/​/​ Enter a parse tree produced by DesignStylesParser#function_parameters.240DesignStylesListener.prototype.enterFunction_parameters = function(ctx) {241};242/​/​ Exit a parse tree produced by DesignStylesParser#function_parameters.243DesignStylesListener.prototype.exitFunction_parameters = function(ctx) {244};245/​/​ Enter a parse tree produced by DesignStylesParser#function_parameter.246DesignStylesListener.prototype.enterFunction_parameter = function(ctx) {247};248/​/​ Exit a parse tree produced by DesignStylesParser#function_parameter.249DesignStylesListener.prototype.exitFunction_parameter = function(ctx) {250};251/​/​ Enter a parse tree produced by DesignStylesParser#calculation.252DesignStylesListener.prototype.enterCalculation = function(ctx) {253};254/​/​ Exit a parse tree produced by DesignStylesParser#calculation.255DesignStylesListener.prototype.exitCalculation = function(ctx) {256};257/​/​ Enter a parse tree produced by DesignStylesParser#property_asignation.258DesignStylesListener.prototype.enterProperty_asignation = function(ctx) {259};260/​/​ Exit a parse tree produced by DesignStylesParser#property_asignation.261DesignStylesListener.prototype.exitProperty_asignation = function(ctx) {262};263/​/​ Enter a parse tree produced by DesignStylesParser#unitvalue.264DesignStylesListener.prototype.enterUnitvalue = function(ctx) {265};266/​/​ Exit a parse tree produced by DesignStylesParser#unitvalue.267DesignStylesListener.prototype.exitUnitvalue = function(ctx) {268};269/​/​ Enter a parse tree produced by DesignStylesParser#value.270DesignStylesListener.prototype.enterValue = function(ctx) {271};272/​/​ Exit a parse tree produced by DesignStylesParser#value.273DesignStylesListener.prototype.exitValue = function(ctx) {274};275/​/​ Enter a parse tree produced by DesignStylesParser#tokenvalue.276DesignStylesListener.prototype.enterTokenvalue = function(ctx) {277};278/​/​ Exit a parse tree produced by DesignStylesParser#tokenvalue.279DesignStylesListener.prototype.exitTokenvalue = function(ctx) {280};281/​/​ Enter a parse tree produced by DesignStylesParser#tokengroup.282DesignStylesListener.prototype.enterTokengroup = function(ctx) {283};284/​/​ Exit a parse tree produced by DesignStylesParser#tokengroup.285DesignStylesListener.prototype.exitTokengroup = function(ctx) {286};287/​/​ Enter a parse tree produced by DesignStylesParser#tokenname.288DesignStylesListener.prototype.enterTokenname = function(ctx) {289};290/​/​ Exit a parse tree produced by DesignStylesParser#tokenname.291DesignStylesListener.prototype.exitTokenname = function(ctx) {292};293/​/​ Enter a parse tree produced by DesignStylesParser#operator.294DesignStylesListener.prototype.enterOperator = function(ctx) {295};296/​/​ Exit a parse tree produced by DesignStylesParser#operator.297DesignStylesListener.prototype.exitOperator = function(ctx) {298};299/​/​ Enter a parse tree produced by DesignStylesParser#image.300DesignStylesListener.prototype.enterImage = function(ctx) {301};302/​/​ Exit a parse tree produced by DesignStylesParser#image.303DesignStylesListener.prototype.exitImage = function(ctx) {304};305/​/​ Enter a parse tree produced by DesignStylesParser#multi_part_identifier.306DesignStylesListener.prototype.enterMulti_part_identifier = function(ctx) {307};308/​/​ Exit a parse tree produced by DesignStylesParser#multi_part_identifier.309DesignStylesListener.prototype.exitMulti_part_identifier = function(ctx) {310};311/​/​ Enter a parse tree produced by DesignStylesParser#string_esp_characters.312DesignStylesListener.prototype.enterString_esp_characters = function(ctx) {313};314/​/​ Exit a parse tree produced by DesignStylesParser#string_esp_characters.315DesignStylesListener.prototype.exitString_esp_characters = function(ctx) {316};317/​/​ Enter a parse tree produced by DesignStylesParser#selector.318DesignStylesListener.prototype.enterSelector = function(ctx) {319};320/​/​ Exit a parse tree produced by DesignStylesParser#selector.321DesignStylesListener.prototype.exitSelector = function(ctx) {322};323/​/​ Enter a parse tree produced by DesignStylesParser#node_name.324DesignStylesListener.prototype.enterNode_name = function(ctx) {325};326/​/​ Exit a parse tree produced by DesignStylesParser#node_name.327DesignStylesListener.prototype.exitNode_name = function(ctx) {328};329/​/​ Enter a parse tree produced by DesignStylesParser#attribute_filter.330DesignStylesListener.prototype.enterAttribute_filter = function(ctx) {331};332/​/​ Exit a parse tree produced by DesignStylesParser#attribute_filter.333DesignStylesListener.prototype.exitAttribute_filter = function(ctx) {334};335/​/​ Enter a parse tree produced by DesignStylesParser#part_selector.336DesignStylesListener.prototype.enterPart_selector = function(ctx) {337};338/​/​ Exit a parse tree produced by DesignStylesParser#part_selector.339DesignStylesListener.prototype.exitPart_selector = function(ctx) {340};341/​/​ Enter a parse tree produced by DesignStylesParser#class_name.342DesignStylesListener.prototype.enterClass_name = function(ctx) {343};344/​/​ Exit a parse tree produced by DesignStylesParser#class_name.345DesignStylesListener.prototype.exitClass_name = function(ctx) {346};347/​/​ Enter a parse tree produced by DesignStylesParser#element_name.348DesignStylesListener.prototype.enterElement_name = function(ctx) {349};350/​/​ Exit a parse tree produced by DesignStylesParser#element_name.351DesignStylesListener.prototype.exitElement_name = function(ctx) {352};353/​/​ Enter a parse tree produced by DesignStylesParser#element_id.354DesignStylesListener.prototype.enterElement_id = function(ctx) {355};356/​/​ Exit a parse tree produced by DesignStylesParser#element_id.357DesignStylesListener.prototype.exitElement_id = function(ctx) {358};359/​/​ Enter a parse tree produced by DesignStylesParser#css_selector.360DesignStylesListener.prototype.enterCss_selector = function(ctx) {361};362/​/​ Exit a parse tree produced by DesignStylesParser#css_selector.363DesignStylesListener.prototype.exitCss_selector = function(ctx) {364};365/​/​ Enter a parse tree produced by DesignStylesParser#unit.366DesignStylesListener.prototype.enterUnit = function(ctx) {367};368/​/​ Exit a parse tree produced by DesignStylesParser#unit.369DesignStylesListener.prototype.exitUnit = function(ctx) {370};371/​/​ Enter a parse tree produced by DesignStylesParser#image_unit.372DesignStylesListener.prototype.enterImage_unit = function(ctx) {373};374/​/​ Exit a parse tree produced by DesignStylesParser#image_unit.375DesignStylesListener.prototype.exitImage_unit = function(ctx) {376};377/​/​ Enter a parse tree produced by DesignStylesParser#parity.378DesignStylesListener.prototype.enterParity = function(ctx) {379};380/​/​ Exit a parse tree produced by DesignStylesParser#parity.381DesignStylesListener.prototype.exitParity = function(ctx) {382};...

Full Screen

Full Screen

UsefulLinks.jsx

Source: UsefulLinks.jsx Github

copy

Full Screen

1import React from 'react'2import { Typography, Col, Row, Card, Button } from 'antd'3import styles from './​UsefulLinks.module.scss'4const { Title } = Typography;5const UsefulLinks = () => {6 return (7 <div className={styles.usefulLinks}>8 <div className={styles.container}>9 <Title className={styles.usefulLinks__title + ' ' + styles['usefulLinks__title--margin-top']} level={2}>10 Полезные ссылки11 </​Title>12 <Row className={styles['userLinks__row--margin-top']} gutter={16}>13 <Col>14 <Card className={styles.usefulLinks__card + ' ' + styles['card--collectionsImage']}>15 <Title className={styles.card__title} level={3}>16 <a class={styles['card__title--link']}>17 Подборки новостроек18 </​a>19 </​Title>20 <ul className={styles['card__list-content'] + ' ' + styles['card__list-content--margin-top'] + ' ' + styles['card__list-content--width']}>21 <li class={styles['list-content__item']}>22 <a className={styles['list-content__link']}>23 Рядом с парком24 </​a>25 <p className={styles['list-content__sum-object']}>26 1727 </​p>28 </​li>29 <li class={styles['list-content__item']}>30 <a className={styles['list-content__link']}>31 Недалеко от метро32 </​a>33 <p className={styles['list-content__sum-object']}>34 2635 </​p>36 </​li>37 <li class={styles['list-content__item']}>38 <a className={styles['list-content__link']}>39 Близко к центру40 </​a>41 <p className={styles['list-content__sum-object']}>42 1143 </​p>44 </​li>45 <li class={styles['list-content__item']}>46 <a className={styles['list-content__link']}>47 Рядом с рекой48 </​a>49 <p className={styles['list-content__sum-object']}>50 2151 </​p>52 </​li>53 </​ul>54 </​Card>55 </​Col>56 <Col>57 <Card className={styles.usefulLinks__card + ' ' + styles['card--mapCardImage']}>58 <Title className={styles.card__title} level={3}>59 <a class={styles['card__title--link']}>60 Новостройки на карте61 </​a>62 <p className={styles.card__text}>63 Ищите новостройки рядом с парком, детским садом или работой64 </​p>65 <Button className={styles.card__button + ' ' + styles['card__button--custom']} type="primary" shape="round">66 Искать на карте67 </​Button>68 </​Title>69 </​Card>70 </​Col>71 </​Row>72 <Row className={styles['userLinks__rowTwo--margin-top']} gutter={16}>73 <Col>74 <Card className={styles.usefulLinks__card + ' ' + styles['card--developImage'] + ' ' + styles['card--small']}>75 <Title className={styles.card__title} level={3}>76 <a class={styles['card__title--link']}>77 Реестр застройщиков78 </​a>79 <p className={styles.card__text}>80 Выберите жилье среди объектов надежных застройщиков81 </​p>82 <Button className={styles.card__button + ' ' + styles['card__button--custom']} type="primary" shape="round">83 Смотреть реестр84 </​Button>85 </​Title>86 </​Card>87 </​Col>88 <Col>89 <Card className={styles.usefulLinks__card + ' ' + styles['card--buildImage'] + ' ' + styles['card--small'] + ' ' + styles['card__list-content--margin-left']}>90 <Title className={styles.card__title} level={3}>91 <a class={styles['card__title--link']}>92 Строящиеся ЖК93 </​a>94 </​Title>95 <ul className={styles['card__list-content'] + ' ' + styles['card__list-content--margin-top'] + ' ' + styles['card__list-content--width']}>96 <li class={styles['list-content__item']}>97 <a className={styles['list-content__link']}>98 Сдача в этом году99 </​a>100 <p className={styles['list-content__sum-object']}>101 12102 </​p>103 </​li>104 <li class={styles['list-content__item']}>105 <a className={styles['list-content__link']}>106 до 2022 года107 </​a>108 <p className={styles['list-content__sum-object']}>109 10110 </​p>111 </​li>112 <li class={styles['list-content__item']}>113 <a className={styles['list-content__link']}>114 до 2023 года115 </​a>116 <p className={styles['list-content__sum-object']}>117 17118 </​p>119 </​li>120 <li class={styles['list-content__item']}>121 <a className={styles['list-content__link']}>122 до 2024 года123 </​a>124 <p className={styles['list-content__sum-object']}>125 5126 </​p>127 </​li>128 </​ul>129 </​Card>130 </​Col>131 <Col>132 <Card className={styles.usefulLinks__card + ' ' + styles['card--saleImage'] + ' ' + styles['card--small'] + ' ' + styles['card__list-content--margin-left']}>133 <Title className={styles.card__title} level={3}>134 <a class={styles['card__title--link']}>135 Сданные ЖК136 </​a>137 </​Title>138 <ul className={styles['card__list-content'] + ' ' + styles['card__list-content--margin-top'] + ' ' + styles['card__list-content--margin-left'] + ' ' + styles['card__list-content--width']}>139 <li class={styles['list-content__item']}>140 <a className={styles['list-content__link']}>141 Эконом142 </​a>143 <p className={styles['list-content__sum-object']}>144 22145 </​p>146 </​li>147 <li class={styles['list-content__item']}>148 <a className={styles['list-content__link']}>149 Комфорт150 </​a>151 <p className={styles['list-content__sum-object']}>152 14153 </​p>154 </​li>155 <li class={styles['list-content__item']}>156 <a className={styles['list-content__link']}>157 Бизнес158 </​a>159 <p className={styles['list-content__sum-object']}>160 5161 </​p>162 </​li>163 <li class={styles['list-content__item']}>164 <a className={styles['list-content__link']}>165 Элит166 </​a>167 <p className={styles['list-content__sum-object']}>168 9169 </​p>170 </​li>171 </​ul>172 </​Card>173 </​Col>174 </​Row>175 </​div>176 </​div>177 )178}...

Full Screen

Full Screen

PocketDiaryScreen.js

Source: PocketDiaryScreen.js Github

copy

Full Screen

1/​/​import { View } from "react-native";2/​/​ import {Stylesone} from "../​styles/​stylesone";3import React, { useEffect ,useState} from "react";4import { ActivityIndicator, View, LogBox, RefreshControl ,Text,Image,Button,TouchableOpacity} from "react-native";5import { FAB, List, Searchbar, Snackbar, RadioButton } from "react-native-paper";6import { SwipeListView } from "react-native-swipe-list-view";7import Provider from "../​api/​Provider";8import Header from "../​components/​Header";9import { RenderHiddenItems } from "../​components/​ListActions";10import Icon from "react-native-vector-icons/​MaterialCommunityIcons";11import NoItems from "../​components/​NoItems";12import { Styles } from "../​styles/​styles";13import { theme } from "../​theme/​apptheme";14import { height } from "@fortawesome/​free-solid-svg-icons/​faBarsStaggered";15LogBox.ignoreLogs(["Non-serializable values were found in the navigation state"]);16const PocketDiaryScreen = ({ navigation }) => {17 const [isLoading, setIsLoading] = React.useState(true);18 const listData = React.useState([]);19 const listSearchData = React.useState([]);20 const [refreshing, setRefreshing] = React.useState(false);21 const [snackbarVisible, setSnackbarVisible] = React.useState(false);22 const [snackbarText, setSnackbarText] = React.useState("");23 const [snackbarColor, setSnackbarColor] = React.useState(theme.colors.success);24 const [value, setValue] = React.useState("");25 const [errorCAT, setErrorCAT] = React.useState(false);26 const [checked, setChecked] = useState('first');27 useEffect(() => {28 /​/​FetchData();29 }, []);30 return (31 <View style={[Styles.flex1]}>32 <Header navigation={navigation} title="Pocket Diary" /​>33 <View style={[Styles.height40per,Styles.padding32,Styles.backgroundColorWhite]}>34 <View style={[Styles.height100per,Styles.flexJustifyCenter,Styles.flexAlignCenter,Styles.marginTop24,Styles.flexRow,Styles.flexWrap]}>35 <View style={[Styles.width50per,Styles.borderBottom5,Styles.borderRight1,Styles.height50per,Styles.flexJustifyCenter,Styles.flexAlignCenter]}>36 <TouchableOpacity style={[Styles.flexAlignCenter]}>37 <Text style={[Styles.fontSize24,Styles.fontBold,Styles.primaryColor]}>200</​Text>38 <Text style={[Styles.fontSize16,Styles.fontBold]}>Add Expense</​Text>39 </​TouchableOpacity>40 41 </​View>42 <View style={[Styles.width50per,Styles.borderBottom5,Styles.height50per,Styles.flexJustifyCenter,Styles.flexAlignCenter]}>43 <TouchableOpacity style={[Styles.flexAlignCenter]}>44 <Text style={[Styles.fontSize24,Styles.fontBold,Styles.primaryColor]}>1000</​Text>45 <Text style={[Styles.fontSize16,Styles.fontBold]}>Add Source</​Text>46 </​TouchableOpacity>47 </​View>48 <View style={[Styles.width50per,Styles.borderTop1,Styles.borderRight1,Styles.height50per,Styles.flexJustifyCenter,Styles.flexAlignCenter]}>49 <TouchableOpacity style={[Styles.flexAlignCenter]}>50 <Text style={[Styles.fontSize24,Styles.fontBold,Styles.primaryColor]}>5000</​Text>51 <Text style={[Styles.fontSize16,Styles.fontBold]}>Payable</​Text>52 </​TouchableOpacity>53 54 </​View>55 <View style={[Styles.width50per,Styles.borderTop1,Styles.height50per,Styles.flexJustifyCenter,Styles.flexAlignCenter]}>56 <TouchableOpacity style={[Styles.flexAlignCenter]}>57 <Text style={[Styles.fontSize24,Styles.fontBold,Styles.primaryColor]}>1500</​Text>58 <Text style={[Styles.fontSize16,Styles.fontBold]}>Receviable</​Text>59 </​TouchableOpacity>60 </​View>61 </​View>62 </​View>63 <View style={[Styles.height60per,Styles.backgroundColorWhite,Styles.flexRow,Styles.flexJustifyCenter]}>64 <Image source={require("../​../​assets/​pocketDairyHomeScreen.png")} style={[Styles.height71per,Styles.width80per]}/​>65 </​View>66 <View style={[Styles.width100per,Styles.height40,Styles.positionAbsolute,Styles.Top70,Styles.backgroundColorDarkGreen]}>67 <RadioButton.Group68 onValueChange={(value) => {69 setValue(value);70 setErrorCAT(false);71 72 }}73 value={value}74 >75 <View style={[Styles.width100per,Styles.flexRow,Styles.flexAlignCenter,Styles.flexJustifyCenter,Styles.whiteColor]}>76 <RadioButton.Item position="leading" color="white" uncheckedColor="white" style={[Styles.paddingVertical2]} labelStyle={[Styles.textRight, Styles.paddingStart4,Styles.whiteColor]} label="Company" value="1" /​>77 <RadioButton.Item position="leading" color="white" uncheckedColor="white" style={[Styles.paddingVertical2]} labelStyle={[Styles.textRight, Styles.paddingStart4,Styles.whiteColor]} label="Self" value="2" /​>78 <RadioButton.Item position="leading" color="white" uncheckedColor="white" style={[Styles.paddingVertical2]} labelStyle={[Styles.textRight, Styles.paddingStart4,Styles.whiteColor]} label="Both" value="3" /​>79 </​View>80 </​RadioButton.Group>81 </​View>82 <View style={[Styles.width100per,Styles.height56,Styles.positionAbsolute,Styles.Bottom10,Styles.backgroundColorDarkGreen,Styles.flexRow,Styles.flexJustifyCenter,Styles.flexAlignCenter]}>83 <TouchableOpacity style={[Styles.backgroundColorYelow,Styles.width50per,Styles.height40,Styles.borderRadius64,Styles.flexJustifyCenter,Styles.flexAlignCenter]} onPress={()=>navigation.navigate("PocketScreenOne")}>84 <Text style={[Styles.fontBold,Styles.fontSize18]}>ADD CATEGORY</​Text>85 </​TouchableOpacity>86 </​View>87 <Snackbar visible={snackbarVisible} onDismiss={() => setSnackbarVisible(false)} duration={3000} style={{ backgroundColor: snackbarColor }}>88 {snackbarText}89 </​Snackbar>90 </​View>91 );92}...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { addDecorator, configure } from '@storybook/​react';2import { withRootStyles } from 'storybook-root-decorator';3addDecorator(withRootStyles);4import { addDecorator, configure } from '@storybook/​react';5import { withRootStyles } from 'storybook-root-decorator';6addDecorator(withRootStyles);7import { addDecorator, configure } from '@storybook/​react';8import { withRootStyles } from 'storybook-root-decorator';9addDecorator(withRootStyles);10import { addDecorator, configure } from '@storybook/​react';11import { withRootStyles } from 'storybook-root-decorator';12addDecorator(withRootStyles);13import { addDecorator, configure } from '@storybook/​react';14import { withRootStyles } from 'storybook-root-decorator';15addDecorator(withRootStyles);16import { addDecorator, configure } from '@storybook/​react';17import { withRootStyles } from 'storybook-root-decorator';18addDecorator(withRootStyles);19import { addDecorator, configure } from '@storybook/​react';20import { withRootStyles } from 'storybook-root-decorator';21addDecorator(withRootStyles);22import { addDecorator, configure } from '@storybook/​react';23import { withRootStyles } from 'storybook-root-decorator';24addDecorator(withRootStyles);25import { addDecorator, configure } from '@storybook/​react';26import { withRootStyles } from 'storybook-root-decorator';27addDecorator(withRootStyles);28import { addDecorator, configure } from '@storybook/​react';29import { withRootStyles } from 'storybook-root-decorator';30addDecorator(withRootStyles);31import { addDecorator, configure } from '@storybook/​react';32import { withRoot

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { storiesOf } from '@storybook/​react';2import { withKnobs, text, boolean, number } from '@storybook/​addon-knobs';3import { withStyles } from '@storybook/​addon-styles';4import { withInfo } from '@storybook/​addon-info';5import MyComponent from '../​src';6storiesOf('MyComponent', module)7 .addDecorator(withStyles)8 .addDecorator(withKnobs)9 .addDecorator(withInfo)10 .add('with some emoji', () => (11 ));12import { addDecorator } from '@storybook/​react';13import { withCssResources } from '@storybook/​addon-cssresources';14addDecorator(withCssResources);15import { addDecorator } from '@storybook/​react';16import { withCssResources } from '@storybook/​addon-cssresources';17addDecorator(withCssResources);18import { addDecorator } from '@storybook/​react';19import { withCssResources } from '@storybook/​addon-cssresources';20addDecorator(withCssResources());21import { addDecorator } from '@storybook/​react';22import { withCssResources } from '@storybook/​addon-cssresources';23addDecorator(withCssResources);24import { addDecorator } from '@storybook/​react';25import { withCssResources } from '@storybook/​addon-cssresources';26addDecorator(withCssResources);27import { addDecorator } from '@storybook/​react';28import { withCssResources } from

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { storiesOf } from '@storybook/​react';2import { withStyles } from '@storybook-root';3const styles = {4 root: {5 },6};7storiesOf('Test', module)8 .addDecorator(withStyles(styles))9 .add('test', () => <div>test</​div>);

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { styles } from 'storybook-root-decorator';2export default {3 decorators: [styles({4 })],5};6export const withText = () => ({7 props: {8 },9});10export const withEmoji = () => ({11 props: {12 },13});14export const withSomeEmojiAndAction = () => ({15 props: {16 onClick: action('This was clicked'),17 },18});19export const withSomeEmojiAndAction = () => ({20 props: {21 onClick: action('This was clicked'),22 },23});24.button {25 display: inline-block;26 border-radius: 3px;27 padding: 0.5rem 0;28 margin: 0.5rem 1rem;29 width: 11rem;30 background: transparent;31 color: white;32 border: 2px solid white;33}34import { Component, OnInit, Input, Output, EventEmitter } from '@angular/​core';35import { styles } from 'storybook-root-decorator';36import { styles as styles2 } from 'storybook-root-decorator';37import { styles as styles3 } from 'storybook-root-decorator';38import { styles as styles4 } from 'storybook-root-decorator';39import { styles as styles5 } from 'storybook-root-decorator';40import { styles as styles6 } from 'storybook-root-decorator';41import { styles as styles7 } from 'storybook-root-decorator';42import { styles as styles8 } from 'storybook-root-decorator';43import { styles as styles9 } from 'storybook-root-decorator';44import { styles as styles10 } from 'storybook-root-decorator';45import { styles as styles11 } from 'storybook-root-decorator';46import { styles as styles12 } from 'storybook-root-decorator';47import { styles as styles13 } from 'storybook-root-decorator';48import { styles as

Full Screen

Full Screen

Blogs

Check out the latest blogs from LambdaTest on this topic:

Running Tests In Cypress With GitHub Actions [Complete Guide]

In today’s tech world, where speed is the key to modern software development, we should aim to get quick feedback on the impact of any change, and that is where CI/CD comes in place.

Best 13 Tools To Test JavaScript Code

Unit and functional testing are the prime ways of verifying the JavaScript code quality. However, a host of tools are available that can also check code before or during its execution in order to test its quality and adherence to coding standards. With each tool having its unique features and advantages contributing to its testing capabilities, you can use the tool that best suits your need for performing JavaScript testing.

Using ChatGPT for Test Automation

ChatGPT broke all Internet records by going viral in the first week of its launch. A million users in 5 days are unprecedented. A conversational AI that can answer natural language-based questions and create poems, write movie scripts, write social media posts, write descriptive essays, and do tons of amazing things. Our first thought when we got access to the platform was how to use this amazing platform to make the lives of web and mobile app testers easier. And most importantly, how we can use ChatGPT for automated testing.

Guide To Find Index Of Element In List with Python Selenium

In an ideal world, you can test your web application in the same test environment and return the same results every time. The reality can be difficult sometimes when you have flaky tests, which may be due to the complexity of the web elements you are trying to perform an action on your test case.

How Testers Can Remain Valuable in Agile Teams

Traditional software testers must step up if they want to remain relevant in the Agile environment. Agile will most probably continue to be the leading form of the software development process in the coming years.

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run storybook-root automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful