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
- 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.
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.
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.
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.
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
Realize the full value of CircleCI with our insights endpoints. Monitor and optimize your CI/CD pipeline with workflow status, duration, and consumption data.
Learn more about the insights endpoints.
Options
classes:stringheader:stringlede:string- Requires header to render.
body:stringdata: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 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.
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.
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.
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.
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
Realize the full value of CircleCI with our insights endpoints. Monitor and optimize your CI/CD pipeline with workflow status, duration, and consumption data.
Learn more about the insights endpoints.