# C1.Blazor.Input.C1DropDown

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Blazor_Input_C1DropDown" data-uid="C1.Blazor.Input.C1DropDown" class="text-break">C1DropDown Class
</h1>
  <div class="markdown level0 summary"><p>C1DropDown provides a generic drop-down control with a Header property that determines what the user sees when the drop-down part of the control is closed, and a Content property that determines what goes into the drop-down section.</p>
</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">C1DropDown</span></div>
      <div class="level4"><a class="xref" href="../C1.Blazor.DateTimeEditors/C1.Blazor.DateTimeEditors.C1DateTimeBase-1.html">C1DateTimeBase&lt;TTimeValue&gt;</a></div>
      <div class="level4"><a class="xref" href="../C1.Blazor.DateTimeEditors/C1.Blazor.DateTimeEditors.C1TimeEditor.html">C1TimeEditor</a></div>
      <div class="level4"><a class="xref" href="C1.Blazor.Input.C1ComboBox-1.html">C1ComboBox&lt;T&gt;</a></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_C1DropDown_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1DropDown : C1View, IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1DropDown
    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_C1DropDown__ctor" data-uid="C1.Blazor.Input.C1DropDown.#ctor">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.-ctor.html#C1_Blazor_Input_C1DropDown__ctor">C1DropDown()</a>
        </td>
        <td class="markdown level1 summary"><p>Initializes a new instance of the <a class="xref" href="C1.Blazor.Input.C1DropDown.html">C1DropDown</a> class.</p>
</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_C1DropDown_ButtonStyleProperty" data-uid="C1.Blazor.Input.C1DropDown.ButtonStyleProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.ButtonStyleProperty.html">ButtonStyleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1DropDown.ButtonStyle.html#C1_Blazor_Input_C1DropDown_ButtonStyle">ButtonStyle</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_ChildContentProperty" data-uid="C1.Blazor.Input.C1DropDown.ChildContentProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.ChildContentProperty.html">ChildContentProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_DropDownBehaviorProperty" data-uid="C1.Blazor.Input.C1DropDown.DropDownBehaviorProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.DropDownBehaviorProperty.html">DropDownBehaviorProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_DropDownModeProperty" data-uid="C1.Blazor.Input.C1DropDown.DropDownModeProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.DropDownModeProperty.html">DropDownModeProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1DropDown.DropDownMode.html#C1_Blazor_Input_C1DropDown_DropDownMode">DropDownMode</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_DropDownStyleProperty" data-uid="C1.Blazor.Input.C1DropDown.DropDownStyleProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.DropDownStyleProperty.html">DropDownStyleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1DropDown.DropDownStyle.html#C1_Blazor_Input_C1DropDown_DropDownStyle">DropDownStyle</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_EditableHeaderProperty" data-uid="C1.Blazor.Input.C1DropDown.EditableHeaderProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.EditableHeaderProperty.html">EditableHeaderProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_HeaderProperty" data-uid="C1.Blazor.Input.C1DropDown.HeaderProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.HeaderProperty.html">HeaderProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_IconStyleProperty" data-uid="C1.Blazor.Input.C1DropDown.IconStyleProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.IconStyleProperty.html">IconStyleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1DropDown.IconStyle.html#C1_Blazor_Input_C1DropDown_IconStyle">IconStyle</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_IsDropDownOpenProperty" data-uid="C1.Blazor.Input.C1DropDown.IsDropDownOpenProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.IsDropDownOpenProperty.html">IsDropDownOpenProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_IsEditableProperty" data-uid="C1.Blazor.Input.C1DropDown.IsEditableProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.IsEditableProperty.html">IsEditableProperty</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_ShowButtonProperty" data-uid="C1.Blazor.Input.C1DropDown.ShowButtonProperty">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.ShowButtonProperty.html">ShowButtonProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1DropDown.ShowButton.html#C1_Blazor_Input_C1DropDown_ShowButton">ShowButton</a> dependency property.</p>
</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_C1DropDown_AdditionalAttributes" data-uid="C1.Blazor.Input.C1DropDown.AdditionalAttributes">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.AdditionalAttributes.html#C1_Blazor_Input_C1DropDown_AdditionalAttributes">AdditionalAttributes</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a collection of additional attributes that will be applied to the created element.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_ButtonStyle" data-uid="C1.Blazor.Input.C1DropDown.ButtonStyle">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.ButtonStyle.html#C1_Blazor_Input_C1DropDown_ButtonStyle">ButtonStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the style of the button used to toggle the drop-down.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_ChildContent" data-uid="C1.Blazor.Input.C1DropDown.ChildContent">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.ChildContent.html#C1_Blazor_Input_C1DropDown_ChildContent">ChildContent</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the content of the drop-down.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_CollapsedButtonIcon" data-uid="C1.Blazor.Input.C1DropDown.CollapsedButtonIcon">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.CollapsedButtonIcon.html#C1_Blazor_Input_C1DropDown_CollapsedButtonIcon">CollapsedButtonIcon</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the icon used when the drop-down is collapsed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_DropDownBehavior" data-uid="C1.Blazor.Input.C1DropDown.DropDownBehavior">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.DropDownBehavior.html#C1_Blazor_Input_C1DropDown_DropDownBehavior">DropDownBehavior</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the drop-down behavior.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_DropDownMode" data-uid="C1.Blazor.Input.C1DropDown.DropDownMode">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.DropDownMode.html#C1_Blazor_Input_C1DropDown_DropDownMode">DropDownMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the mode that the DropDown uses to display the DropDownView.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_DropDownStyle" data-uid="C1.Blazor.Input.C1DropDown.DropDownStyle">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.DropDownStyle.html#C1_Blazor_Input_C1DropDown_DropDownStyle">DropDownStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the style of the drop-down popup.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_EditableHeader" data-uid="C1.Blazor.Input.C1DropDown.EditableHeader">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.EditableHeader.html#C1_Blazor_Input_C1DropDown_EditableHeader">EditableHeader</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the editable header.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_ExpandedButtonIcon" data-uid="C1.Blazor.Input.C1DropDown.ExpandedButtonIcon">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.ExpandedButtonIcon.html#C1_Blazor_Input_C1DropDown_ExpandedButtonIcon">ExpandedButtonIcon</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the icon used when the drop-down is expanded.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_Header" data-uid="C1.Blazor.Input.C1DropDown.Header">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.Header.html#C1_Blazor_Input_C1DropDown_Header">Header</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the header.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_IconStyle" data-uid="C1.Blazor.Input.C1DropDown.IconStyle">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.IconStyle.html#C1_Blazor_Input_C1DropDown_IconStyle">IconStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the style of the icon that is placed inside the button used to toggle the drop-down.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_IsDropDownOpen" data-uid="C1.Blazor.Input.C1DropDown.IsDropDownOpen">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.IsDropDownOpen.html#C1_Blazor_Input_C1DropDown_IsDropDownOpen">IsDropDownOpen</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets whether the drop-down is open.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_IsDropDownOpenChanged" data-uid="C1.Blazor.Input.C1DropDown.IsDropDownOpenChanged">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.IsDropDownOpenChanged.html#C1_Blazor_Input_C1DropDown_IsDropDownOpenChanged">IsDropDownOpenChanged</a>
        </td>
        <td class="markdown level1 summary"><p>This callback is called when the drop-down is opened or closed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_IsEditable" data-uid="C1.Blazor.Input.C1DropDown.IsEditable">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.IsEditable.html#C1_Blazor_Input_C1DropDown_IsEditable">IsEditable</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets whether it is editable.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_ShowButton" data-uid="C1.Blazor.Input.C1DropDown.ShowButton">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.ShowButton.html#C1_Blazor_Input_C1DropDown_ShowButton">ShowButton</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that indicates whether the control should display a dropdown button.</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_C1DropDown_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_" data-uid="C1.Blazor.Input.C1DropDown.BuildRenderTree(Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder)">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.BuildRenderTree.html#C1_Blazor_Input_C1DropDown_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_">BuildRenderTree(RenderTreeBuilder)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_Dispose_System_Boolean_" data-uid="C1.Blazor.Input.C1DropDown.Dispose(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.Dispose.html#C1_Blazor_Input_C1DropDown_Dispose_System_Boolean_">Dispose(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_FocusAsync" data-uid="C1.Blazor.Input.C1DropDown.FocusAsync">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.FocusAsync.html#C1_Blazor_Input_C1DropDown_FocusAsync">FocusAsync()</a>
        </td>
        <td class="markdown level1 summary"><p>Sets the focus in the control.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_InitializeAsync" data-uid="C1.Blazor.Input.C1DropDown.InitializeAsync">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.InitializeAsync.html#C1_Blazor_Input_C1DropDown_InitializeAsync">InitializeAsync()</a>
        </td>
        <td class="markdown level1 summary"><p>This method is called when the component is initialized.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_OnAfterRender_System_Boolean_" data-uid="C1.Blazor.Input.C1DropDown.OnAfterRender(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.OnAfterRender.html#C1_Blazor_Input_C1DropDown_OnAfterRender_System_Boolean_">OnAfterRender(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_OnIsDropDownOpenChanged" data-uid="C1.Blazor.Input.C1DropDown.OnIsDropDownOpenChanged">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.OnIsDropDownOpenChanged.html#C1_Blazor_Input_C1DropDown_OnIsDropDownOpenChanged">OnIsDropDownOpenChanged()</a>
        </td>
        <td class="markdown level1 summary"><p>Called when <a class="xref" href="C1.Blazor.Input.C1DropDown.IsDropDownOpen.html#C1_Blazor_Input_C1DropDown_IsDropDownOpen">IsDropDownOpen</a> changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1DropDown_SetPopupWidth_System_String_" data-uid="C1.Blazor.Input.C1DropDown.SetPopupWidth(System.String)">
          <a class="xref" href="C1.Blazor.Input.C1DropDown.SetPopupWidth.html#C1_Blazor_Input_C1DropDown_SetPopupWidth_System_String_">SetPopupWidth(string)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
    </tbody>
  </table>

</div>
