@times-stories/text-elements

@times-stories/text-elements

Core styled text elements used across the template

Installation

$ yarn add @times-stories/text-elements

Usage

All components optionally take a className and style prop.

import {
  Label,
  Headline,
  Standfirst,
  Byline
} from "@times-stories/text-elements";

export default () => (
  <React.Fragment>
    <Label>Your label here</Label>
    <Headline>Your headline here</Headline>
    <Standfirst
      style={{
        color: "red"
      }}
    >
      Your standfirst here
    </Standfirst>
    <Byline className="custom-byline-class">Your byline here</Byline>
  </React.Fragment>
);