diff --git a/Demos/Blazorise.Demo/Pages/Tests/DropdownListPage.razor b/Demos/Blazorise.Demo/Pages/Tests/DropdownListPage.razor
index e152a36185..9d833c7aa0 100644
--- a/Demos/Blazorise.Demo/Pages/Tests/DropdownListPage.razor
+++ b/Demos/Blazorise.Demo/Pages/Tests/DropdownListPage.razor
@@ -19,7 +19,8 @@
                                       @bind-SelectedValue="@selectedDropValue"
                                       Color="Color.Primary"
                                       MaxMenuHeight="200px"
-                                     DropdownToggleSize="Size.Large">
+                                      DropdownToggleSize="Size.Large"
+                                      Filterable>
                             Select item
                         </DropdownList>
                     </FieldBody>
diff --git a/Source/Extensions/Blazorise.Components/DropdownList.razor b/Source/Extensions/Blazorise.Components/DropdownList.razor
index 87a85762a3..57b946d746 100644
--- a/Source/Extensions/Blazorise.Components/DropdownList.razor
+++ b/Source/Extensions/Blazorise.Components/DropdownList.razor
@@ -3,28 +3,31 @@
 @typeparam TValue
 <Dropdown @ref="@dropdownRef" ElementId="@ElementId" Class="@Class" Style="@Style" EndAligned="@EndAligned" Disabled="@Disabled" Direction="@Direction" Attributes="@Attributes">
     <DropdownToggle @ref="@dropdownToggleRef" Color="@Color" Size="@DropdownToggleSize" TabIndex="@TabIndex">@ChildContent</DropdownToggle>
-    <DropdownMenu MaxMenuHeight="@MaxMenuHeight">
-        @if ( Data != null )
+    <DropdownMenu MaxMenuHeight="@MaxMenuHeight" Padding="@(Filterable ? Padding.Is0.FromTop : Padding.IsAuto)">
+        @if ( Filterable )
         {
-            @if ( Virtualize && Data is ICollection<TItem> collectionableData )
-            {
-                <Virtualize TItem="TItem" Context="item" Items="@collectionableData">
-                    @itemFragment( item )
-                </Virtualize>
-            }
-            else
+            <Field Padding="Padding.Is2" Margin="Margin.Is0" Position="Position.Sticky.Top.Is0">
+                <TextEdit Role="TextRole.Search" Value="@FilterText" ValueChanged="@OnFilterTextChangedHandler" />
+            </Field>
+        }
+        @if ( Virtualize && FilteredData is ICollection<TItem> collectionableData )
+        {
+            <Virtualize TItem="TItem" Context="item" Items="@collectionableData">
+                @itemFragment( item )
+            </Virtualize>
+        }
+        else
+        {
+            @foreach ( var item in FilteredData ?? Enumerable.Empty<TItem>() )
             {
-                @foreach ( var item in Data ?? Enumerable.Empty<TItem>() )
-                {
-                    @itemFragment( item )
-                }
+                @itemFragment( item )
             }
         }
     </DropdownMenu>
 </Dropdown>
+
 @code {
-    protected RenderFragment<TItem> itemFragment => item => __builder =>
-    {
+    protected RenderFragment<TItem> itemFragment => item => __builder => {
         var text = GetItemText( item );
         var value = GetItemValue( item );
         var disabled = GetItemDisabled( item );
@@ -32,6 +35,6 @@
         <DropdownItem @key="@item" Clicked="@HandleDropdownItemClicked" Value="@value" Disabled="@disabled"
                       ShowCheckbox="@(SelectionMode == DropdownListSelectionMode.Checkbox)"
                       Checked="IsSelected(value)"
-                      CheckedChanged="@((isChecked) => HandleDropdownItemChecked(isChecked, value))">@text</DropdownItem>
+                      CheckedChanged="@((isChecked) => HandleDropdownItemChecked( isChecked, value ))">@text</DropdownItem>
     };
 }
\ No newline at end of file
diff --git a/Source/Extensions/Blazorise.Components/DropdownList.razor.cs b/Source/Extensions/Blazorise.Components/DropdownList.razor.cs
index 26ee1a66b9..0489ff7638 100644
--- a/Source/Extensions/Blazorise.Components/DropdownList.razor.cs
+++ b/Source/Extensions/Blazorise.Components/DropdownList.razor.cs
@@ -31,6 +31,8 @@ public partial class DropdownList<TItem, TValue> : ComponentBase
 
     private List<TValue> selectedValues;
 
+    private IEnumerable<TItem> filteredData;
+
     #endregion
 
     #region Methods
@@ -103,6 +105,34 @@ private bool GetItemDisabled( TItem item )
         return DisabledItem.Invoke( item );
     }
 
+    private void FilterData( IQueryable<TItem> query )
+    {
+        dirtyFilter = false;
+        if ( !Filterable || string.IsNullOrEmpty( FilterText ) )
+        {
+            filteredData = Data;
+            return;
+        }
+
+        if ( query == null )
+        {
+            filteredData = Enumerable.Empty<TItem>();
+            return;
+        }
+
+        if ( TextField == null )
+            return;
+
+        filteredData = Data.Where( x => TextField.Invoke( x ).Contains( FilterText, StringComparison.OrdinalIgnoreCase ) );
+    }
+
+    private Task OnFilterTextChangedHandler( string filteredText )
+    {
+        FilterText = filteredText;
+        dirtyFilter = true;
+        return Task.CompletedTask;
+    }
+
     #endregion
 
     #region Properties
@@ -148,6 +178,20 @@ protected bool IsSelected( TValue value )
     /// </summary>
     [Parameter] public IEnumerable<TItem> Data { get; set; }
 
+    private IEnumerable<TItem> FilteredData
+    {
+        get
+        {
+            if ( dirtyFilter )
+                FilterData( Data?.AsQueryable() );
+            return filteredData;
+        }
+    }
+
+    private bool dirtyFilter = true;
+
+    private string FilterText { get; set; }
+
     /// <summary>
     /// Method used to get the display field from the supplied data source.
     /// </summary>
@@ -168,6 +212,11 @@ protected bool IsSelected( TValue value )
     /// </summary>
     [Parameter] public EventCallback<TValue> SelectedValueChanged { get; set; }
 
+    /// <summary>
+    /// Enebles filter text input on the top of the items list.
+    /// </summary>
+    [Parameter] public bool Filterable { get; set; }
+
     /// <summary>
     /// Custom classname for dropdown element.
     /// </summary>