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
  1. numbers!
  2. 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}/>
  )
}

16 Nov 2021

Contributors
Calvin Hutcheon