Font Face
Teva Sans Latin

Drafts & Templates
PBS Templates

Primitives & components context

Primitives & components: Teva Global

Content Examples

v0.0.0

The examples below show possible content for the answer column of the Contact Decision Tree component.

It is placed in the same typographic scoping as it would in the answer column for testing.


Address #

In Amsterdam, the European
Headquartes of Teva is located:

Teva Europe B.V. Offices
Piet Heinkade 107
1019 GM Amsterdam

Directions (Google Maps)

+31 (0)20-2193000 info@tevaeurope.com

<p>In Amsterdam, the European<br>
   Headquartes of Teva is located:</p>
<p>Teva Europe B.V. Offices<br>
  Piet Heinkade 107<br>
  1019 GM Amsterdam</p>
<p>
  <a href="#sample">Directions (Google Maps)</a>
</p>
<p>
  +31 (0)20-2193000
  <a href="#sample">info@tevaeurope.com</a>
</p>

Call To Action #

Semiotics organic meh

Fingerstache biodiesel hella crucifix keffiyeh brooklyn pickled austin umami truffaut.

Sustainable umami meh pitchfork normcore chillwave diy letterpress godard forage.

View All Articles

<h5>Semiotics organic meh</h5>
<p>
  Fingerstache biodiesel hella crucifix keffiyeh brooklyn pickled austin umami truffaut.
</p>
<p>
  Sustainable umami meh pitchfork normcore chillwave diy letterpress godard forage.
</p>
<p>
  <!-- Button type: solid  -->
  <a href="#" class="vi-btn-solid vi-btn">View All Articles</a>
</p>

Form #

Etsy vinyl gluten-free
<h5>Etsy vinyl gluten-free</h5>
<!-- Form  -->
<form action="#form-96b0b4" autocomplete="off" class="vi-form vi-typesystem" data-validate="true" novalidate>
  <div class="form-group">
    <label for="control-17d3db">Your Name</label>
    <input aria-required="true" class="form-control" id="control-17d3db" name="name-13de43" placeholder="Your Name" required type="text">
  </div>
  <div class="form-group">
    <label for="control-b59892">Your Email Address</label>
    <input aria-required="true" class="form-control" id="control-b59892" name="name-04004b" pattern="[^@\s]+@[^@\s]+\.[^@\s]+" placeholder="Your Email Address" required type="email">
  </div>
  <div class="form-group">
    <label for="control-7328db">Your Message</label>
    <textarea aria-required="true" class="form-control" id="control-7328db" name="name-197439" placeholder="Your Message" required></textarea>
  </div>
  <div class="form-group">
    <div class="custom-file">
      <input class="custom-file-input" id="control-e0ca50" name="name-d45b2c" type="file">
      <label class="custom-file-label" data-browse="Find files" for="control-e0ca50">
        Pick file
      </label>
    </div>
  </div>
  <div class="form-group">
    <div class="custom-checkbox custom-control">
      <input aria-required="true" class="custom-control-input" id="control-cad64b" name="name-99de76" required type="checkbox">
      <label class="custom-control-label" for="control-cad64b">
        I agree with the
        <a href="#sample">terms</a>
      </label>
    </div>
  </div>
  <div class="mt-n10 mb-20 vi-form__feedback vi-form__feedback--hint">All fields required</div>
  <!-- Button type: solid  -->
  <button type="submit" class="vi-btn-solid vi-btn">Send Message</button>
</form>

Map #

Franzen brunch occupy

Driving instructions

<h5>Franzen brunch occupy</h5>
<div class="embed-responsive embed-responsive-16by9 mb-3">
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2388.328123206228!2d6.540950951444106!3d53.22989419103006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c9cd3c2fbd6503%3A0x3049bc9631c0defb!2sShopping+Centre+Paddepoel!5e0!3m2!1sen!2snl!4v1531988944136" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<p>
  <a href="#sample">Driving instructions</a>
</p>

Changelog #

Changelog

Fix

  • 29 Aug 2024 - Fix file input issue.
  • 23 Nov 2022 - signature field / contact decision tree integration
  • Empty container focus.
  • Prevent focus scroll conflicting with positioning
  • Incorrect position loading indicator when direction RTL.

Added

  • Accessibility: Keyboard accessible.
  • RTL support
  • Initial draft