https://github.com/jamiebuilds/spectacle-code-slide

:metal: Present code with style
https://github.com/jamiebuilds/spectacle-code-slide

Last synced: about 2 months ago
JSON representation

:metal: Present code with style

• Host: GitHub
• URL: https://github.com/jamiebuilds/spectacle-code-slide
• Owner: jamiebuilds
• License: mit
• Created: 2016-03-26T22:26:57.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-11-16T16:42:17.000Z (almost 6 years ago)
• Last Synced: 2024-04-18T13:48:25.648Z (5 months ago)
• Language: JavaScript
• Homepage: http://jamiebuilds.github.io/spectacle-code-slide/
• Size: 8.06 MB
• Stars: 4,171
• Watchers: 51
• Forks: 169
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - spectacle-code-slide - :metal: Present code with style (JavaScript)
• awesome-list - spectacle-code-slide

README

        
# [spectacle](http://stack.formidable.com/spectacle)-code-slide

Present code with style using [spectacle](https://github.com/FormidableLabs/spectacle).



> _Dude, you just changed the code presentation game_ – [@kenwheeler](https://github.com/kenwheeler)

## Install

```

$ npm install --save spectacle

$ npm install --save spectacle-code-slide

```

## Usage

```js

import React from 'react';

import { Spectacle, Deck } from 'spectacle';

import CodeSlide from 'spectacle-code-slide';

import shiaLabeoufMagicGif from "./shiaLabeoufMagic.gif"

import preloader from "spectacle/lib/utils/preloader";

preloader({

  shiaLabeoufMagicGif

});

export default class Presentation extends React.Component {

  render() {

    return (

      

        

          // ...

          

          // ...

        

      

    );

  }

}

```

## Syntax Highlighting

Provided by [PrismJS](https://github.com/PrismJS/prism). See http://prismjs.com/ for docs.