@times-stories/text-page

@times-stories/text-page

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

Installation

$ yarn add @times-stories/text-page

Usage

import Story from "@times-stories/story";
import Page from "@times-stories/page";
import TextPage from "@times-stories/text-page";
import { Paragraph } from "@times-stories/text-elements";

export default () => (
  <Story>
    <Page>
      {props => (
        <TextPage
          {...props}
          label="Record care"
          headline="Your memories of the NHS"
          backgroundImage={{
            src: backgroundImage,
            focusPoint: {
              x: 50,
              y: 50
            }
          }}
        >
          <Paragraph>
            Some senior ministers have called for a series of votes on options
            to break the deadlock. Greg Clark, the business secretary, became
            the latest to break ranks when he suggested that parliament be
            “invited to say what it would agree with” if MPs vote down Mrs May’s
            deal.
          </Paragraph>
        </TextPage>
      )}
    </Page>
  </Story>
);