Need help with spectacle-code-slide?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

jamiebuilds
4.1K Stars 203 Forks MIT License 54 Commits 19 Opened issues

Description

:metal: Present code with style

Services available

!
?

Need anything else?

Contributors list

No Data

spectacle-code-slide

Present code with style using spectacle.

Dude, you just changed the code presentation game@kenwheeler

Install

$ npm install --save spectacle
$ npm install --save spectacle-code-slide

Usage

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 ( // ... <codeslide transition="{[]}" lang="js" code='{require("raw-loader!../assets/code.example")}' ranges="{[" loc: title: through some beginning note: a note image: shialabeoufmagicgif ...> // ... ); } }

Syntax Highlighting

Provided by PrismJS. See http://prismjs.com/ for docs.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.