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

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

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

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

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.

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful