flow

API Methods

setState

Attribute Names

data-state

Elements
    Properties
      Sizes
        SVG
        <img data-src="flow.svg" class="iconic iconic-sm" alt="flow">
        <img data-src="flow.svg" class="iconic iconic-md" alt="flow">
        <img data-src="flow.svg" class="iconic iconic-lg" alt="flow">
        
        Default Icon Font
        <span class="iconic iconic-sm" data-glyph="flow-three-up" title="flow three up" aria-hidden="true"></span>
        <span class="iconic iconic-md" data-glyph="flow-three-up" title="flow three up" aria-hidden="true"></span>
        <span class="iconic iconic-lg" data-glyph="flow-three-up" title="flow three up" aria-hidden="true"></span>
        
        Bootstrap Icon Font
        <span class="iconic iconic-flow-three-up iconic-sm" title="flow three up" aria-hidden="true"></span>
        <span class="iconic iconic-flow-three-up iconic-md" title="flow three up" aria-hidden="true"></span>
        <span class="iconic iconic-flow-three-up iconic-lg" title="flow three up" aria-hidden="true"></span>
        
        Foundation Icon Font
        <span class="fi-flow-three-up iconic-sm" title="flow three up" aria-hidden="true"></span>
        <span class="fi-flow-three-up iconic-md" title="flow three up" aria-hidden="true"></span>
        <span class="fi-flow-three-up iconic-lg" title="flow three up" aria-hidden="true"></span>
        
        CSS

        Semantic SVG

        data-state

        Sets the flow type

        • three-up

          <img data-state="three-up" data-src="flow.svg" class="iconic" alt="flow" />
          
        • four-up

          <img data-state="four-up" data-src="flow.svg" class="iconic" alt="flow" />
          
        • two-up

          <img data-state="two-up" data-src="flow.svg" class="iconic" alt="flow" />
          
        Method name

        Options/Examples

        setState(state)

        three-up
        four-up
        two-up

        Icon Font

        Iconic may be all about SVG, but it also comes with a killer font. For the full skinny, read our icon font and Bootstrap/Foundation guides.

        <!-- Default -->
        <span class="iconic" data-glyph="flow-three-up" title="flow three up" aria-hidden="true"></span>
        <!-- Bootstrap -->
        <span class="iconic iconic-flow-three-up" title="flow three up" aria-hidden="true"></span>
        <!-- Foundation -->
        <span class="fi-flow-three-up" title="flow three up" aria-hidden="true"></span>
        
        • flow-three-up

        • flow-four-up

        • flow-two-up

        was copied for yah