Styleguide

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 builds. Learn how to enable configurable resources on your account.

Language-agnostic support

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 builds 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.

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. 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

Our interactive visual dashboard allows you to see all of your builds on CircleCI at a glance. Customize your views from your most failed builds to your slowest tests and more. 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 = site.data.pages.product %} {% 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 builds. Learn how to enable configurable resources on your account.

Language-agnostic support

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 builds 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.

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. 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

Our interactive visual dashboard allows you to see all of your builds on CircleCI at a glance. Customize your views from your most failed builds to your slowest tests and more. Learn more about Insights.