Toggle help for forms

Standard form item description

Assumenda ratione facere et nisi.

Hover/focus form item description

Vel unde nostrum eos animi. soluta natus eum qui saepe qui qui qui quidem cupiditate. et est dolor nisi hic ullam distinctio enim nulla maiores tempore rerum nobis quisquam quo. sed dolorem non cum asperiores voluptatem beatae tempore perspiciatis sed natus quis rem possimus quam. nihil omnis id sapiente quo voluptatem velit sint dicta itaque ipsum
Rerum doloremque quibusdam odio rem. vel qui porro nemo tempora accusantium saepe expedita natus dolores incidunt eum distinctio sint. eum exercitationem sit ut consequatur quo. asperiores modi aut voluptate maxime sed placeat molestias. et est rerum unde inventore facere consectetur commodi
Repellendus aut aut ut vitae exercitationem enim. modi rerum quis ipsum odit earum ut officiis aliquid ut consequatur ipsum voluptate. possimus ipsa ut itaque asperiores eligendi non. ea quasi unde nulla quisquam
<!-- START form-item-text_field_help_hover component -->
<div class="form-item" data-toggle-help>
    <label for="text_field">Text field:</label>
    <input aria-describedby="id1d94fb9b63" type="text" id="id0f5e331b5c" value="Example value">
    <div aria-hidden="false" role="tooltip" id="id1d94fb9b63" class="form-item__description">Sit unde aut ut rerum</div>
</div>
<!-- END form-item-text_field_help_hover component -->

Text with hover/focus help button

Nam nulla itaque ut nisi quaerat provident eius et consequatur
Consequatur et ullam vel numquam ratione provident nostrum ullam rerum nobis nostrum quo. illum sequi non laudantium ipsum. velit quia placeat deserunt tempore vitae. architecto quisquam totam accusantium aut maiores nostrum veniam provident et sit eveniet. reiciendis sit ullam earum perspiciatis atque adipisci porro in sed. dolor aut consequuntur officia fugiat sequi ullam esse maiores consequatur quibusdam quos
<!-- START Text field with hover/focus help button -->
<div class="form-item text-with-toggle-help" data-toggle-help>
  <label for="text_field_required" class="form-item__required text-with-toggle-help__text" aria-describedby="id4afd56f1f9" data-toggle-help-button="required"  data-toggle-help-button-label="Some helpful text">Text field required:</label>
  <input type="text" id="text_field_required" value="Example value" aria-required="true" />
  <div aria-hidden="false" role="tooltip" id="id4afd56f1f9">Tempore ratione sequi velit in exercitationem ex</div>
  <div class="form-item__description">Et aut magnam sequi nesciunt facere neque corporis consequatur dolores sed ex</div>
</div>
<!-- END Text field with hover/focus help button -->
Optio tenetur eveniet et adipisci temporibus consequatur itaque sequi.
Sunt et aperiam sequi dolores et possimus facilis vero quia perferendis dolorem repudiandae. a unde non perferendis et in a. quibusdam facere quia omnis qui et est veniam corrupti aliquam error quia eligendi debitis laboriosam. quis ab sed omnis minus modi voluptates quasi nihil laboriosam quasi. et quam accusamus doloribus rem consequatur
Et in aut iure natus
Facere perferendis quia accusantium eum voluptas qui vel corrupti nemo distinctio. dolorem explicabo quis fuga omnis tempore dolor. doloribus quo quasi quasi nihil. numquam dicta dolor vel doloribus rerum quos quia sit porro. natus omnis dolor id quas et sunt tenetur repellat nihil non
Mollitia voluptas non ut magni
Alias est inventore voluptas dolorem explicabo incidunt ducimus praesentium facilis. aperiam dolor ut quis dolorem aut explicabo ipsa omnis saepe possimus aut. molestias fuga ipsam ut eos voluptatem. ut et quae delectus sequi qui a numquam alias voluptatem dolor sequi nihil. suscipit repudiandae aspernatur sed corrupti quia sit sed voluptas architecto occaecati necessitatibus. modi reprehenderit eum quia totam voluptate sunt corporis quo. qui aut consequatur cupiditate molestiae
Earum blanditiis cum mollitia omnis praesentium doloremque consequatur quod
Ullam aspernatur dicta quibusdam iure aliquam assumenda et quis perspiciatis. dignissimos numquam quam suscipit culpa dolorem quia ut. mollitia reprehenderit consequatur rerum quam ipsam laboriosam excepturi