Type
The fonts are
Fira
and Fira Mono
Headings
h1
Rules as data
h2
Rules as data
h3
Rules as data
h4
Rules as data
h5
Rules as data
Paragraphs
Single Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ridiculus tempor, dignissim lectus justo, etiam condimentum.
Double Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ridiculus tempor, dignissim lectus justo, etiam condimentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ridiculus tempor, dignissim lectus justo, etiam condimentum.
Lists
- bullets
- bullets
- bullets
- numbers!
- numbers
Inline Elements
a
link
i
italics
code
inline code
mark
make a mark
Code Blocks
import React from 'react'
import { CodeArea } from 'xf-material-components'
export default function() myFunction {
const yourCode = `your code here`
return (
<CodeArea code={yourCode}/>
)
}