@financial-times/editorial-o-typography

1.0.4 • Public • Published

@financial-times/editorial-o-typography

React implementation of (o-typography)[https://github.com/Financial-Times/o-typography]

Usage

All components:

  • accept a brand property of either internal or master.
  • are built using React's ForwardRef

This package includes components for all styles defined in o-typography by semantics and function:

  • Body
  • Caption
  • Footer
  • Heading
  • Link
  • List

Use those components if the text you need to render fits into their criteria.

If you are looking to style text outside an article or main text area, it's more likely that the following components are more appropriate:

  • Display
  • Text

These components allow to configure:

  • scale as per o-typography (from -2 to 10)
  • weight: semibold, bold
  • italic
  • fontFamily: serif, sans

Dependencies (0)

    Dev Dependencies (2)

    Package Sidebar

    Install

    npm i @financial-times/editorial-o-typography

    Weekly Downloads

    24

    Version

    1.0.4

    License

    ISC

    Unpacked Size

    485 kB

    Total Files

    7

    Last publish

    Collaborators

    • robertboulton
    • seraph2000
    • hamza.samih
    • notlee
    • emmalewis
    • aendra
    • the-ft
    • rowanmanning
    • chee
    • alexwilson