@theme-ui/style-guide
TypeScript icon, indicating that this package has built-in type declarations

0.17.1 • Public • Published

@theme-ui/style-guide

Component for rendering Theme UI styles in a style guide format.

npm i @theme-ui/style-guide
import { Themed } from '@theme-ui/mdx'
import { TypeScale, TypeStyle, ColorPalette } from '@theme-ui/style-guide'

export default (props) => (
  <>
    <Themed.h1>Style Guide</Themed.h1>
    <ColorPalette />
    <TypeScale />
    <TypeStyle fontFamily="heading" fontWeight="heading" lineHeight="heading" />
    <TypeStyle fontFamily="body" fontWeight="body" lineHeight="body" />
  </>
)

See the gatsby-theme-style-guide package for easier integration with Gatsby.

Readme

Keywords

none

Package Sidebar

Install

npm i @theme-ui/style-guide

Weekly Downloads

1,044

Version

0.17.1

License

MIT

Unpacked Size

32.5 kB

Total Files

30

Last publish

Collaborators

  • jxnblk
  • johno
  • hasparus
  • lachlanjc