Multi Ico List

Description

The multiple icon list component (multi ico list) renders a list of copy, with icons, from a data file. For an example of the data structure, see: 'src/_data/pages/product.yaml'

Sample Multi Icon List

Rendered


This is a lede

This is a header

This is a body. Donec id elit non mi porta gravida at eget metus. Donec sed odio dui.

Workflows for job orchestration

Define and orchestrate how job execution (such as build, test, deploy) is run, giving you complete control over your development process across multiple supported configurations.

Learn how to schedule jobs with workflows.

First-class Docker support

Run any image from Docker’s public/private registry or other common registries, customizable on a per-job basis. Build Docker images, access Docker layer caching, Compose, and more.

Use pre-built CircleCI Docker images.

Choose the CPU/RAM you need

Easily configure your resources (compute/memory) to best fit your team’s needs for specific pipelines. Choose resources that give you optimal performance and increase speed.

Learn how to enable configurable resources on your account.

Language-agnostic support

CircleCI supports any language that builds on Linux, Windows, or macOS, including C++, Javascript, .NET, PHP, Python, and Ruby. You are free to use any toolchain, framework, or version you want.

See language guides and tutorials.

Powerful caching

Speed up your pipelines with expanded caching options, including images, source code, dependencies, and custom caches. Gain control over cache save and restore points throughout your jobs for optimal performance.

Explore caching options.

SSH or run local builds for easy debugging

Quickly find and solve problems using SSH access or run jobs in your local environment to ensure faster remediation of issues. Find and solve bugs where they happen for fast recovery.

Learn how to debug with SSH and with the CircleCI CLI.

Unmatched security

The controls you need to be confident your code is protected: LDAP for user management, audit logging, full-level virtual machine isolation, and more.

Read more about our security features.

Insights dashboard

Realize the full value of CircleCI with the Insights dashboard. Track status, monitor duration, and optimize pipelines with ease.

Learn more about Insights.


Options

classes : string

header : string

lede : string
Requires header to render.

body : string

data : array
This value takes a data array from a yaml file in `src/_data`.


Sample Multi Icon List

Code


{% {% assign data = '' | split: '' %} {% for data_hash in site.data.pages.product %} {% assign data = data | push: data_hash[1] %} {% endfor %} {% include components/multi-ico-list.html header="This is a header" lede="This is a lede" body="This is a body. Donec id elit non mi porta gravida at eget metus. Donec sed odio dui." data=data %}

Rendered


This is a lede

This is a header

This is a body. Donec id elit non mi porta gravida at eget metus. Donec sed odio dui.

Workflows for job orchestration

Define and orchestrate how job execution (such as build, test, deploy) is run, giving you complete control over your development process across multiple supported configurations.

Learn how to schedule jobs with workflows.

First-class Docker support

Run any image from Docker’s public/private registry or other common registries, customizable on a per-job basis. Build Docker images, access Docker layer caching, Compose, and more.

Use pre-built CircleCI Docker images.

Choose the CPU/RAM you need

Easily configure your resources (compute/memory) to best fit your team’s needs for specific pipelines. Choose resources that give you optimal performance and increase speed.

Learn how to enable configurable resources on your account.

Language-agnostic support

CircleCI supports any language that builds on Linux, Windows, or macOS, including C++, Javascript, .NET, PHP, Python, and Ruby. You are free to use any toolchain, framework, or version you want.

See language guides and tutorials.

Powerful caching

Speed up your pipelines with expanded caching options, including images, source code, dependencies, and custom caches. Gain control over cache save and restore points throughout your jobs for optimal performance.

Explore caching options.

SSH or run local builds for easy debugging

Quickly find and solve problems using SSH access or run jobs in your local environment to ensure faster remediation of issues. Find and solve bugs where they happen for fast recovery.

Learn how to debug with SSH and with the CircleCI CLI.

Unmatched security

The controls you need to be confident your code is protected: LDAP for user management, audit logging, full-level virtual machine isolation, and more.

Read more about our security features.

Insights dashboard

Realize the full value of CircleCI with the Insights dashboard. Track status, monitor duration, and optimize pipelines with ease.

Learn more about Insights.