@times-stories/pull-quote-page

The pull quote page for the @times-stories suite of packages

Installation

$ yarn add @times-stories/pull-quote-page

Usage

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

const backgroundImage = {
  src: "url/to/image",
  focusPoint: {
    x: 50,
    y: 50
  }
};

export default () => (
  <Story>
    <Page>
      {props => (
        <PullQuotePage
          {...props}
          quote="There was a transformation of people, it was marvellous to see"
          attribution="Hackney"
          credit="Margaret Poplak, 87"
          backgroundColor="#000"
          backgroundImage={{
            src: backgroundImage,
            focusPoint: {
              x: 50,
              y: 50
            }
          }}
          withBlur={false}
          withImpact={false}
        />
      )}
    </Page>
  </Story>
);