Styleguide
-
Molecules
-
Components
- Auth Modal
- Banner
- Category Filter Menu
- Comparison Table
- Countdown Timer
- Expandable List
- Featured Event
- Flex Cols Img
- Flex Cols
- Form Contact Default
- Hall of Fame List
- Hero
- Ico Three Col
- Ico Two Col
- Info Bullets
- Logo Card Grid
- Logos XS
- Multi Ico List
- One Col
- Resource Thumbnail
- Security Details
- Stepline
- Subnav
- Two Col
-
Styles
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 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 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.