Nodeicon

Default
.e-nodeicon 

<svg class="e-nodeicon">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                        <svg class="e-nodeicon">
                          <use xlink:href="#ac-entry-form"></use>
                        </svg>

Small
.e-nodeicon-small

Form 
<svg class="e-nodeicon e-nodeicon-small">
  <use xlink:href="#ac-entry-form"></use>
</svg>
Form


                          <svg class="e-nodeicon e-nodeicon-small">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>Form

Reporting page
wrap with: .e-node-report 

<div class="e-node-report">
  <svg class="e-nodeicon">
    <use xlink:href="#ac-entry-form"></use>
  </svg>
</div>


                          <div class="e-node-report">
                            <svg class="e-nodeicon">
                              <use xlink:href="#ac-entry-form"></use>
                            </svg>
                          </div>

Color variations

default
.e-nodeicon-default 

<svg class="e-nodeicon e-nodeicon-default">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                          <svg class="e-nodeicon e-nodeicon-default">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>

entry
.e-nodeicon-entry 

<svg class="e-nodeicon e-nodeicon-entry">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                          <svg class="e-nodeicon e-nodeicon-entry">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>

channel
.e-nodeicon-channel 

<svg class="e-nodeicon e-nodeicon-channel">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                          <svg class="e-nodeicon e-nodeicon-channel">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>

response
.e-nodeicon-response 

<svg class="e-nodeicon e-nodeicon-response">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                          <svg class="e-nodeicon e-nodeicon-response">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>

Disabled default
.e-nodeicon-disabled 

<svg class="e-nodeicon e-nodeicon-disabled e-nodeicon-default">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                          <svg class="e-nodeicon e-nodeicon-disabled e-nodeicon-default">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>

Disabled entry
.e-nodeicon-disabled 

<svg class="e-nodeicon e-nodeicon-disabled e-nodeicon-entry">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                          <svg class="e-nodeicon e-nodeicon-disabled e-nodeicon-entry">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>

Disabled channel
.e-nodeicon-disabled 

<svg class="e-nodeicon e-nodeicon-disabled e-nodeicon-channel">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                          <svg class="e-nodeicon e-nodeicon-disabled e-nodeicon-channel">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>

Disabled response
.e-nodeicon-disabled 

<svg class="e-nodeicon e-nodeicon-disabled e-nodeicon-response">
  <use xlink:href="#ac-entry-form"></use>
</svg>


                          <svg class="e-nodeicon e-nodeicon-disabled e-nodeicon-response">
                            <use xlink:href="#ac-entry-form"></use>
                          </svg>

Related components

Accordion

Last update

Message style(scss): lint fixes
Date:
()
Committer: Tamás Bíró
Component history