Stock Info | poly-web-ui Documentation

Example

njk

{% for type in ['available', 'not-available', 'partly-available'] %}
    <div class="stock stock--{{ type }}">
       <i title="{{ type }}"></i>
       <span>{{ type }}</span>
    </div>
    <br /><br />
{% endfor %}

html compiled

<div class="stock stock--available"> <i title="available"></i>
 <span>available</span>

</div>
<br />
<br />
<div class="stock stock--not-available"> <i title="not-available"></i>
 <span>not-available</span>

</div>
<br />
<br />
<div class="stock stock--partly-available"> <i title="partly-available"></i>
 <span>partly-available</span>

</div>
<br />
<br />

Variables

$stock-palette (Map)

scss

$stock-palette: (
  available: ("B", color(success),),
  not-available: ("C", color(alert),),
  partly-available: ("D", color(warning),),
) !default;

Type and coloring classes.