# C1.Blazor.Input.C1Tooltip

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Blazor_Input_C1Tooltip" data-uid="C1.Blazor.Input.C1Tooltip" class="text-break">C1Tooltip Class
</h1>
  <div class="markdown level0 summary"></div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.componentbase">ComponentBase</a></div>
    <div class="level2"><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.C1View.html">C1View</a></div>
    <div class="level3"><span class="xref">C1Tooltip</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.icomponent">IComponent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleafterrender">IHandleAfterRender</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleevent">IHandleEvent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.idisposable">IDisposable</a></div>
    <div><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.IDependencyObject.html">IDependencyObject</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Blazor.Input.html">C1.Blazor.Input</a></h6>
  <h6><strong>Assembly</strong>: C1.Blazor.Input.dll</h6>
  <h5 id="C1_Blazor_Input_C1Tooltip_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1Tooltip : C1View, IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1Tooltip
    Inherits C1View
    Implements IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip__ctor" data-uid="C1.Blazor.Input.C1Tooltip.#ctor">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.-ctor.html#C1_Blazor_Input_C1Tooltip__ctor">C1Tooltip()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
    </tbody>
  </table>
  <h3 id="fields">Fields
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_ContentProperty" data-uid="C1.Blazor.Input.C1Tooltip.ContentProperty">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.ContentProperty.html">ContentProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_GapProperty" data-uid="C1.Blazor.Input.C1Tooltip.GapProperty">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.GapProperty.html">GapProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_HideDelayProperty" data-uid="C1.Blazor.Input.C1Tooltip.HideDelayProperty">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.HideDelayProperty.html">HideDelayProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_PositionProperty" data-uid="C1.Blazor.Input.C1Tooltip.PositionProperty">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.PositionProperty.html">PositionProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_ShowDelayProperty" data-uid="C1.Blazor.Input.C1Tooltip.ShowDelayProperty">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.ShowDelayProperty.html">ShowDelayProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_TargetCssProperty" data-uid="C1.Blazor.Input.C1Tooltip.TargetCssProperty">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.TargetCssProperty.html">TargetCssProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_TargetProperty" data-uid="C1.Blazor.Input.C1Tooltip.TargetProperty">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.TargetProperty.html">TargetProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_Content" data-uid="C1.Blazor.Input.C1Tooltip.Content">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.Content.html#C1_Blazor_Input_C1Tooltip_Content">Content</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or Sets the content of tooltip.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_Gap" data-uid="C1.Blazor.Input.C1Tooltip.Gap">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.Gap.html#C1_Blazor_Input_C1Tooltip_Gap">Gap</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the distance between the tooltip and the target element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_HideDelay" data-uid="C1.Blazor.Input.C1Tooltip.HideDelay">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.HideDelay.html#C1_Blazor_Input_C1Tooltip_HideDelay">HideDelay</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the delay, in milliseconds, before hiding the tooltip after the mouse leaves the target element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_Position" data-uid="C1.Blazor.Input.C1Tooltip.Position">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.Position.html#C1_Blazor_Input_C1Tooltip_Position">Position</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the PopupPosition where the tooltip should be displayed with respect to the owner element.
Default value is PopupPosition.Above</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_ShowDelay" data-uid="C1.Blazor.Input.C1Tooltip.ShowDelay">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.ShowDelay.html#C1_Blazor_Input_C1Tooltip_ShowDelay">ShowDelay</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the delay, in milliseconds, before showing the tooltip after the mouse enters the target element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_Target" data-uid="C1.Blazor.Input.C1Tooltip.Target">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.Target.html#C1_Blazor_Input_C1Tooltip_Target">Target</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the id of target element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_TargetCss" data-uid="C1.Blazor.Input.C1Tooltip.TargetCss">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.TargetCss.html#C1_Blazor_Input_C1Tooltip_TargetCss">TargetCss</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the Css class name of target element.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_" data-uid="C1.Blazor.Input.C1Tooltip.BuildRenderTree(Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder)">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.BuildRenderTree.html#C1_Blazor_Input_C1Tooltip_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_">BuildRenderTree(RenderTreeBuilder)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_Hide" data-uid="C1.Blazor.Input.C1Tooltip.Hide">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.Hide.html#C1_Blazor_Input_C1Tooltip_Hide">Hide()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1Tooltip_Show" data-uid="C1.Blazor.Input.C1Tooltip.Show">
          <a class="xref" href="C1.Blazor.Input.C1Tooltip.Show.html#C1_Blazor_Input_C1Tooltip_Show">Show()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
    </tbody>
  </table>

</div>
