gv-link

The gv-link tag enables a link control. The link control allows end users to input a URL and text for a link. Inputed text is inserted into the corresponding HTML element. While the URL is inserted into the elements href attribute.

Tag

<div gv-link></div>

Governor Expressions

  • @href
  • @text

Example:

<a href="@href">@text</a>
    

Helper Tags

  • -label

Basic

Example: index.html

<section -block="hero">
    <div class="hero-text" -block="slide-1">
        <h1 gv-text -label="Title"></h1>
        <p gv-textarea -label="Text"></p>
        <a gv-link -label="Link"></a>
    </div>
</section>
    

Advanced

Example: index.html

<div -block="link box">
    <a gv-link -label="Link" href="@href">
        <div>
            <h1 gv-text -label="Title"></h1>
            <p gv-textarea -label="Text"></p>
            <a gv-link -label="Link"></a>
        </div>
    </a>
</div>
    

Pro Tips

In order to nest additional controls inside of a link tag without displaying link text, use Governor Expression @href to use only the links URL property.

Did this answer your question?