Type
There are a variety of type components you can access, across .md
and .jsx
files in your project directory.
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
inline code
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}/>
)
}