Content types - SeanMcP/johannes GitHub Wiki

Address

Street address. Use <br> to format correctly

Options:

• backgroundColor: valid HTML color
• map: embed iframe src from Google Maps
• textAlign: enum('center', 'left', 'right')

Contact

A simple contact form that uses mailto: to trigger an email.

Data:

"data": {
    "email": "[email protected]",
    "title": "Header",
    "message": "Message below the header"
}

Options:

• backgroundColor: valid HTML color

Hero

Background image with text/call-to-action

Options:

• color: valid HTML color
• textAlign: enum('center', 'left', 'right')

Hours

A table of business hours

Options:

• backgroundColor: valid HTML color
• mode: enum('light', 'dark')
• textAlign: HEADER ONLY - enum('center', 'left', 'right')

Social

Social media icons

Options:

• mode: enum('light', 'dark')
• size: enum('lg', '2x', '3x', 4x')

Text

HTML string containing elements.

Options:

• backgroundColor: valid HTML color
• color: valid HTML color
• textAlign: enum('center', 'left', 'right')

Window

Image banner, no text

Options:

• parallax: boolean