gv-text

The gv-text tag enables a governor text input control. Inputed text is inserted into the corresponding HTML element. Some common usecases for gv-text include headings, subheadings, and any area where a single lined text input would be appropriate.

Tag

<div gv-text></div>
    

Governor Expressions

  • @text

Example:

<div gv-text -label="Label Goes Here"><span>...</span> @text</div>
    

Helper Tags

  • -label

Basic

Example: index.html

<section -block="hero">
    <div class="hero-text" -block="slide-1">
        <h1 gv-text -label="Title"></h1>
    </div>
</section>
    

Advanced

Example: index.html

<section -block="hero">
    <div class="slide" gv-repeat -max="3" -label="repeat label" -block="slide">
        <div class="hero-text">
            <h1 gv-text -label="Title" ><i gv-text -label="FontAwesome icon name" class="fa fa-@text"></i> @text</h1>
            <p gv-textarea -label="Body Text"><span>"</span> @text <span>"</span></p>
            <small gv-text -label="Author Name">-@text</small>
        </div>
    </div>
</section>
    

Pro Tips

Did this answer your question?