bootstrap_italia-8.x-0.x-dev/components/components-0x/icon/icon.twig
components/components-0x/icon/icon.twig
{#
/**
* @file
* Template for icon component
* Docs: https://italia.github.io/bootstrap-italia/docs/utilities/icone/
* Latest revision: v2.6.1
*
* Available config:
* + name: icon name, see: https://italia.github.io/bootstrap-italia/docs/utilities/icone/#lista-delle-icone-disponibili
* + classes: array
* + size: xs | sm | lg | xl
* + color: primary | secondary | success | warning | danger | light | white
* + dark: bool
* + light: bool
* + padded: bool
* + alignment: bottom | middle | top
* + library: string - your custom library
*
* Note: only first parameter is mandatory.
* You can set this component in two main ways:
* - Set all parameters
* [ name: 'it-x', classess: ['customClass'], size: 'xs', color: 'primary', dark: false, light: false, padded: true, alignment: 'middle' ]
* - Set parameters in classes array, however you must use class names correctly
* [ name: 'it-x', classess: ['customClass', 'icon-xs', 'icon-primary', 'bg-light', 'icon-padded', 'align-middle'] ]
*/
#}
{% apply spaceless %}
{% include '@bi-bcl/deprecated.html.twig' with {
old: 'bootstrap_italia_components/icon/icon.twig',
new: 'bi-bcl/icon/icon.html.twig',
} %}
{# Redirect to new component #}
{% include '@bi-bcl/icon/icon.html.twig' with {
name: name ?? null,
icon_classes: classes ?? null,
size: size ?? null,
color: color ?? null,
dark: dark ?? null,
light: light ?? null,
padded: padded ?? null,
alignment: alignment ?? null,
library: library ?? null
} %}
{% endapply %}
