APA Component Library

Icon 

<span class="inline-flex items-center w-4 h-4     ">
    <?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.5 16.5">
        <path id="b" d="m.75,15.75L15.75.75m0,0H4.5m11.25,0v11.25" style="fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.5px;" />
    </svg>
</span>
 
{% set path = 'src/assets/icons/' %}
{% set name = name %}
{% set classes = classes %}
{% set size = size|default('sm') %}
{% set strokeColor = strokeColor %}
{% set fillColor = fillColor %}
{% set notStroke = notStroke %}
{% set notFlex = notFlex %}

{% set sizes = {
    'sm': 'w-4 h-4',
    'md': 'w-6 h-6',
    'lg': 'w-8 h-8',
    'xl': 'w-10 h-10',
    'full': 'w-full h-full',
} %}

{% if name %}
    <span class="{{ notFlex ? 'block' : 'inline-flex' }} items-center {{ size ? sizes[size] : '' }} {{ style ? styles[style] : '' }} {{ strokeColor }} {{ fillColor }} {{ classes }} {{ notStroke ? '[&_*]:stroke-[none!important]' : '' }}">
        {{ source(path~name~'.svg') }}
    </span>
{% endif %}
 
{
  "name": "arrow"
}

No notes defined.