Video Card

Summary card for video content.

Default

Guillermo Rauch - Universal React Made Easy and Simple

React Conf 2017

Code Editor

<Thumbnail
  id="R6cYGw4NLjuquRZsxBuyXyzNLmIyZQjZ"
  title="Guillermo Rauch - Universal React Made Easy and Simple"
  subtitle="React Conf 2017"
  titleFontSize={16}
  onPlay={() => {}}
/>

<Thumbnail
  id="R6cYGw4NLjuquRZsxBuyXyzNLmIyZQjZ"
  title="Guillermo Rauch - Universal React Made Easy and Simple"
  subtitle="React Conf 2017"
  titleFontSize={16}
  onPlay={() => {}}
/>

Small

Guillermo Rauch - Universal React Made Easy and Simple

React Conf 2017

Code Editor

<Container center>
  <Container style={{ width: 260, height: 260 }}>
    <Thumbnail
      id="R6cYGw4NLjuquRZsxBuyXyzNLmIyZQjZ"
      title="Guillermo Rauch - Universal React Made Easy and Simple"
      subtitle="React Conf 2017"
      titleFontSize={16}
      onPlay={() => {}}
    />
  </Container>
</Container>

<Container center>
  <Container style={{ width: 260, height: 260 }}>
    <Thumbnail
      id="R6cYGw4NLjuquRZsxBuyXyzNLmIyZQjZ"
      title="Guillermo Rauch - Universal React Made Easy and Simple"
      subtitle="React Conf 2017"
      titleFontSize={16}
      onPlay={() => {}}
    />
  </Container>
</Container>