DZuz14

<Accordion>
   <Accordion.Item>
     <Accordion.Collapsed>
       …content here
     </Accordion.Collapsed>
     <Accordion.Expanded>
       …content here
     </Accordion.Expanded>
   </Accordion.Item>
 

DZuz14

import React from 'react'

const Expanded = ({ children }) => {
 return <div style={styles}>{children}</div>
}

const styles = {
 padding: '15px'
}

DZuz14

import React from 'react'

const Collapsed = ({ children }) => (
 <div style={styles}>
   {children}
 </div>
)

const styles = {
 color: '#007bff', // blue

DZuz14

return (
  <Accordion>
    <div>
      <Accordion.Collapsed>
        …content here
      </Accordion.Collapsed>
      <Accordion.Expanded>
        …content here
      </Accordion.Expanded>
    </div>

DZuz14

<meta name="description" content="" />

<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@your_twitter_handle" />

<meta property="og:title" content="" />

DZuz14

const puppeteer = require('puppeteer');
const fs = require('fs')

async function main() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  
  await page.goto('https://some-website.com');
  
  // Return an array of all the link text and assign it to sideBarLinks

DZuz14

const puppeteer = require('puppeteer');

async function main() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  
  await page.goto('https://some-website.com');
  
  // Full access to the browser environment.
  await page.evaluate(() => {

DZuz14

/** @jsx jsx */
import React, { useState, useEffect, useRef } from 'react'
import { css, jsx } from '@emotion/core'
import SliderContent from './SliderContent'
import Slide from './Slide'
import Arrow from './Arrow'
import Dots from './Dots'

const getWidth = () => window.innerWidth

DZuz14

/** @jsx jsx */
import React, { useState, useEffect, useRef } from 'react'
import { css, jsx } from '@emotion/core'
import SliderContent from './SliderContent'
import Slide from './Slide'
import Arrow from './Arrow'
import Dots from './Dots'

const getWidth = () => window.innerWidth

DZuz14

/** @jsx jsx */
import React from 'react'
import { css, jsx } from '@emotion/core'

const SliderContent = props => (
  <div
    css={css`
      transform: translateX(-${props.translate}px);
      transition: transform ease-out ${props.transition}s;
      height: 100%;