typo-system

A simple React library to improve your typography consistency with a lot of prebuilt styles

The documentation is still under active development, the one currently you are seeing is not completed yet

Install

npm install --save typo-system

Usage

Common usage

import React from "react"
import Typo from "typo-system"

function MyPage() {
	return (
		<Typo>
			<Typo.Title>Page 1</Typo.Title>
			<Typo.Text>Welcome to Page 1. This thesis is all about self-driving car technology.</Typo.Text>
		</Typo>
	)
}

Simple way

You can, by the way, simply just pass inline title and text props to get all things done faster

import React from "react"
import Typo from "typo-system"

function MyPage() {
	return <Typo title="Page 1" text="Welcome to Page 1. This thesis is all about self-driving car technology." />
}

License

MIT © itujono