<template>
  <div class="example-container">
    <div>
      <span>Bottom Right (Default):</span>
      <fd-inline-help>
        Lorem ipsum dolor sit amet, consectetur adipiscing.
      </fd-inline-help>
    </div>
    <div>
      <span>Bottom Center:</span>
      <fd-inline-help position="center">
        Lorem ipsum dolor sit amet, consectetur adipiscing.
      </fd-inline-help>
    </div>
    <div>
      <span>Bottom Left:</span>
      <fd-inline-help position="left">
        Lorem ipsum dolor sit amet, consectetur adipiscing.
      </fd-inline-help>
    </div>
    <div>
      <span>Right:</span>
      <fd-inline-help inline position="right">
        Lorem ipsum dolor sit amet, consectetur adipiscing.
      </fd-inline-help>
    </div>
    <div>
      <span>Left:</span>
      <fd-inline-help inline position="left">
        Lorem ipsum dolor sit amet, consectetur adipiscing.
      </fd-inline-help>
    </div>
  </div>
</template>
