Contents

<div class="section head">
  <div class="corset">
    <h1>Arrow Infos</h1>
  </div>
</div>

<div class="section dark flatted">
  <div class="corset">
    <h4>dependency:</h4> 
    <code>@import "magic/helper/arrow_hints";</code>
  </div>
</div>

<div class="section hard-top">
  <div class="corset center_text">
    <br/>
    <br/>
    <br/>
    <button class="btn btn-success help_arrow" data-text=".help_arrow">
      Some element
    </button>
    
  </div>
</div>

<div class="section shine-top">
  <div class="corset">
    
    <p class="loud">Arrow Hints can be used on every element, just add class 'help_arrow' and data-intro attribute with your Hint text.</p>
    <p class="loud"><strong>Be carefull! Arrow and Hint are absolute positioned, so they may overlap other content.</strong></p>
    <pre>
      <code>
    &lt;button class=&quot;btn btn-success help_arrow&quot; data-text=&quot;Go baby Go!&quot;&gt;<br/>      Click Me<br/>    &lt;/button&gt;
      </code>
    </pre>
    
  </div>
</div>


<div class="section fat">
  <div class="corset">
    
    <button class="btn btn-default help_arrow" data-text="Here goes your info text.">
      .btn.help_arrow[data-text='Here goes your info text.']
    </button>
    
  </div>
</div>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
magic_stylez-0.0.0.28	test/dummy/app/assets/javascripts/views/helper/arrow_infos.jst.eco