Skip to content

elemental-design/react-keynote

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-keynote

React keynote renderer from jsx (work in progress and API is not stable yet).

Getting Started

Make sure you are on a Mac, that you have iWork Keynote installed, and have Node.js installed.

npm i react-keynote

Example Code

import { render, Document, Slide, View, Text } from 'react-keynote';

render((
  <Document>
    <Slide>
      <Slide.Title>
        Welcome to the Slideshow!
      </Slide.Title>
      <Slide.Body>
        Here is some lorem ipsum...
      </Slide.Body>
    <Slide>
    <Slide>
      <View style={{ backgroundColor: 'blue', justifyContent: 'center', alignItems: 'center', flex: 1 }}>
        <Text>
          Some centered text.
        </Text>
      </View>
    </Slide>
  </Document>
));

/* or 
const jsx = (
  ...
);

const [document] = document.getDocuments({ name: 'Existing Document Name' });

render(jsx, document);
*/