@times-stories/introduction-page

@times-stories/introduction-page

The introduction page for the @times-stories suite of packages

Installation

$ yarn add @times-stories/introduction-page

Usage

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

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

export default () => (
  <Story>
    <Page>
      {props => (
        <IntroductionPage
          {...props}
          label="70 years of the NHS"
          headline="Record care: your memories of the NHS"
          standfirst="Click anywhere on the right to begin listening to our readers' experiences"
          byline="The Times"
          date="July 4, 2018"
          backgroundImage={backgroundImage}
        />
      )}
    </Page>
  </Story>
);