Ico Three Col

Description

The three column with icons (ico three col) component renders a three column layout, with optional images, headers, and copy.

Sample Three Columns w/ Icons

Rendered


This is a header

This is an optional body section.

First Header

This is the first column's body.

Second Header

This is the second column's body.

Third Header

This is the third column's body.


Options

classes : string

header : string

body : string

image-one : string
This input should be a path to an image file.

image-two : string
This input should be a path to an image file.

image-three : string
This input should be a path to an image file.

header-one : string

header-two : string

header-three : string

body-one : string

body-two : string

body-three : string

link-one : string
Requires a path string.

link-two : string
Requires a path string.

link-three : string
Requires a path string.

image-one-classes : string
An option to pass specific classes to the first column image.

image-two-classes : string
An option to pass specific classes to the second column image.

image-three-classes : string
An option to pass specific classes to the third column image.

image_size : large | null
This option requires either an input of `large` or to be left blank. Changes the display of the three column's images.


Sample Three Columns w/ Icons

Code


{% include components/ico-three-col.html header="This is a header" body="This is an optional body section." image-one="icons/ic-chat" header-one="First Header" body-one="This is the first column's body." image-two="icons/ic-chat" header-two="Second Header" body-two="This is the second column's body." image-three="icons/ic-chat" header-three="Third Header" body-three="This is the third column's body." %}

Rendered


This is a header

This is an optional body section.

First Header

This is the first column's body.

Second Header

This is the second column's body.

Third Header

This is the third column's body.