Icon Examples
<e-icon icon="settings"></e-icon>
[size=small]
, [size=default]
, [size=large]
<e-icon icon="settings" size="small"></e-icon>
<e-icon icon="settings"></e-icon>
<e-icon icon="settings" size="default"></e-icon>
<e-icon icon="settings" size="large"></e-icon>
[disabled]
<e-icon icon="settings" disabled></e-icon>
[rotation=left]
, [rotation=right]
<e-icon icon="thumbs-up" rotation="left"></e-icon>
<e-icon icon="thumbs-up" rotation="right"></e-icon>
<div class="doc-icons">
<div class="doc-icons__icon">
<div style="color: var(--color-error)">
<e-icon icon="settings" color="inherit"></e-icon>
<code class="doc-icons__title">
color="inherit"
</code>
</div>
</div>
<div class="doc-icons__icon">
<e-icon icon="settings" color="highlight"></e-icon>
<code class="doc-icons__title">
color="highlight"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="settings" color="success"></e-icon>
<code class="doc-icons__title">
color="success"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="settings" color="error"></e-icon>
<code class="doc-icons__title">
color="error"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="settings" color="info"></e-icon>
<code class="doc-icons__title">
color="info"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="settings" color="warning"></e-icon>
<code class="doc-icons__title">
color="warning"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="settings" color="faint"></e-icon>
<code class="doc-icons__title">
color="faint"
</code>
</div>
<div class="doc-icons__icon e-logo">
<e-icon icon="settings" color="white"></e-icon>
<code class="doc-icons__title">
color="white"
</code>
</div>
</div>
[type=table]
<e-icon icon="settings" type="table"></e-icon>
[type=inline]
<e-icon icon="settings" type="inline" size="small"></e-icon>
[type=helper]
<e-icon icon="question-circle" type="helper"></e-icon>