@financial-times/editorial-o-typography

Origami Typography wrapped for React

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@financial-times/editorial-o-typography
1.0.45 months agoa year agoMinified + gzip package size for @financial-times/editorial-o-typography in KB

Readme

@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