@times-stories/inline-image-page

The inline image page for the @times-stories suite of packages

Installation

$ yarn add @times-stories/inline-image-page

Usage

import Story from '@times-stories/story';
import Page from '@times-stories/page';
import InlineImagePage from '@times-stories/inline-image-page';
import { Paragraph } from '@times-stories/text-elements';

export default () => (
  <Story>
    <Page>
      {props => (
        <InlineImagePage
          {...props}
          backgroundImage={{
            src: backgroundImage,
            focusPoint: {
              x: 50,
              y: 50,
            },
          }}
          images: [
            { src: "3x4.jpg", width: 300, height: 400 },
            { src: "6x4.jpg", width: 600, height: 400 },
            { src: "16x9.jpg", width: 800, height: 450 }
          ],
        >
          <Paragraph>
            Lorem ipsum dolor sit amet, eripuit elaboraret ius ex, cu suas falli
            ubique mea, his eu nisl ubique verterem. An eros sale qui, unum
            singulis philosophia nec et.
          </Paragraph>
        </InlineImagePage>
      )}
    </Page>
  </Story>
);