@times-stories/story

The story component for the @times-stories suite of packages

Installation

$ yarn add @times-stories/story

Usage

<Story> is the core component in the @times-stories suite. It contains all the core logic for navigation between pages (<Page />) and handles mute control, animations and keyboard control.

All stories built with @times-stories start at a <Story> component.

import Story from "@times-stories/story";
import Page from "@times-stories/page";

export default () => (
  <Story
    outboundDelay={400}
    withKeyboardControls={true}
    withAnimations={true}
    accentColor={{
      red: 255,
      green: 255,
      blue: 255,
      alpha: 0.8
    }}
    onPageChange={() => {}}
  >
    <Page>{props => ()}</Page>
  </Story>
);