DZuz14

/*
  This is the method in my Service that calls Wally.

public function getWallData($exhibit, $wall) {
  $criteria = craft()->elements->getCriteria(ElementType::Entry);
  $criteria->section = $exhibit;
  $response = $criteria->find();
  $wally = new Wally();
  return $wally->create($response[0], $wall);
}

DZuz14

<ProgressBar 
  containerStyles={{
    border: '2px solid #323435',
    width: '100%',
    borderRadius: '0',
    height: '16px'
  }}
  fillerStyles={{
    background: '#FC585B'
  }}

DZuz14

import { myContainerStyles, myFillerStyles } from '../../some-directory/some-file'

<ProgressBar 
  containerStyles={myContainerStyles}
  fillerStyles={myFillerStyles}
  percentageDone={80}
/>

DZuz14

<DottedProgress
  numSteps={6}
  activeStep={4}
  activeDotColor="rgb(252, 88, 91)"
  dotStyles={{
    width: 20,
    height: 20,
    borderRadius: '0',
    border: '1px solid #333'
  }}

DZuz14

<Spinner 
  height={75} 
/>

DZuz14

<?php

      $section = Craft::$app->sections->getSectionByHandle('journalArticles');
      $entryTypes = $section->getEntryTypes();
      $entryType = reset($entryTypes);

      $entry = new Entry([
        'sectionId' => $section->id,
        'typeId' => $entryType->id,
        'fieldLayoutId' => $entryType->fieldLayoutId,

DZuz14

import React from 'react'

const Slide = () => {
  return <div className="slide"></div>
}

export default Slide

DZuz14

import React, { Component } from 'react'
import Slide from '../slide'
import LeftArrow from '../left-arrow'
import RightArrow from '../right-arrow'

export default class Slider extends Component {
  constructor(props) {
    super(props)

    this.state = {}

DZuz14

import React, { Component } from 'react'
import Slide from '../slide'
import LeftArrow from '../left-arrow'
import RightArrow from '../right-arrow'

export default class Slider extends Component {
  constructor(props) {
    super(props)

    this.state = {}

DZuz14

import React from 'react';

const RightArrow = (props) => {
  return (
    <div className="nextArrow" onClick={props.goToNextSlide}>
      <i className="fa fa-arrow-right fa-2x" aria-hidden="true"></i>
    </div>
  );
}