diff --git a/docs/components/toolbar.md b/docs/components/toolbar.md
index eeae6f5..f542f4e 100644
--- a/docs/components/toolbar.md
+++ b/docs/components/toolbar.md
@@ -14,12 +14,17 @@ The Toolbar component provides a navigation bar for grouping and displaying icon
 
 Each `BitToolbarItem` can be used as a navigation link (via `Href`), a click handler (via `OnClick`), or both at the same time. When both are provided, `OnClick` takes precedence in interactive rendering while `Href` remains available for browser-native behaviors such as right-click → Open in new tab. In static SSR rendering, `Href` is the only navigation mechanism.
 
+A `BitToolbarDropdownItem` renders a [`BitDropdown`](./dropdown.md) activator styled as a toolbar item, letting a single toolbar entry expand into a menu of `BitDropdownItem` choices.
+
+> **`BitToolbarDropdownItem` requires interactive rendering.** It renders a `BitDropdown` internally, and the dropdown's open/closed state is managed purely in C# (`@onclick` / `@onkeydown`) with no JavaScript fallback. Under static SSR the activator button cannot be toggled, so the menu can never open. Only use `BitToolbarDropdownItem` in pages or components running under an interactive render mode (Server, WebAssembly, or Auto). `BitToolbarItem` (with `Href` and/or `OnClick`) remains fully SSR-compatible.
+
 ## Components
 
 | Component | Description |
 |-----------|-------------|
 | `BitToolbar` | Root container that renders a `<nav>` with an inner `<ul>` and cascades itself to child items |
 | `BitToolbarItem` | Individual action item rendered as an `<li>` with an icon and a label |
+| `BitToolbarDropdownItem` | Individual action item rendered as an `<li>` containing a `BitDropdown` activator; expands into a menu of `BitDropdownItem` choices. **Requires interactive rendering** |
 | `BitToolbarDivider` | Visual and semantic separator between items |
 
 ## BitToolbar Parameters
@@ -43,12 +48,28 @@ Each `BitToolbarItem` can be used as a navigation link (via `Href`), a click han
 | `Active` | `bool` | ✗ | `false` | When `true`, applies the active style to the item |
 | `Disabled` | `bool` | ✗ | `false` | When `true`, disables the item and adds `aria-disabled="true"` |
 | `BadgeCount` | `int?` | ✗ | `null` | A numeric badge count shown on the item; hidden when `null` or `0` |
-| `BadgeLabel` | `string?` | ✗ | `null` | A text label shown next to the badge; displayed in different positions depending on `Size` |
+| `BadgeLabel` | `string?` | ✗ | `null` | A visually hidden accessible label that provides context for the badge count; its markup position varies with the toolbar `Size` |
 | `OnClick` | `EventCallback` | ✗ | - | Primary interactive callback invoked when the item is clicked. Takes precedence over `Href` navigation in interactive rendering. Not invoked during static (SSR) rendering — provide `Href` as a navigation fallback for SSR contexts. |
 | `Id` | `string?` | ✗ | `null` | Sets the `id` HTML attribute on the root element |
 | `CssClass` | `string?` | ✗ | `null` | Additional CSS classes to apply to the item |
 | `AdditionalAttributes` | `IDictionary<string, object>?` | ✗ | - | Additional HTML attributes forwarded to the root element |
 
+## BitToolbarDropdownItem Parameters
+
+> **Requires interactive rendering.** See the note above — this component only functions under Server, WebAssembly, or Auto render modes.
+
+| Name | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `Id` | `string` | ✓ | - | Unique identifier for the item, passed as the `BitDropdown.ActivatorId` and used to associate the activator button with its menu for accessibility |
+| `Label` | `string` | ✓ | - | The visible label text for the item, also passed as the `BitDropdown.ActivatorLabel` |
+| `IconName` | `string` | ✓ | - | The Bootstrap Italia icon name to display on the activator button |
+| `ChildContent` | `RenderFragment` | ✓ | - | One or more `BitDropdownItem` components rendered inside the dropdown menu |
+| `Active` | `bool` | ✗ | `false` | When `true`, applies the active style to the item |
+| `Disabled` | `bool` | ✗ | `false` | When `true`, disables the item and adds `aria-disabled="true"` |
+| `BadgeCount` | `int?` | ✗ | `null` | A numeric badge count shown on the item; hidden when `null` or `0` |
+| `BadgeLabel` | `string?` | ✗ | `null` | A visually hidden accessible label that provides context for the badge count; its markup position varies with the toolbar `Size` |
+| `AdditionalAttributes` | `IDictionary<string, object>?` | ✗ | - | Additional HTML attributes forwarded to the activator button |
+
 ## Used Enumerations
 
 ### ToolbarSize
@@ -188,3 +209,24 @@ When both `Href` and `OnClick` are provided, `OnClick` handles the primary click
     <BitToolbarItem IconName="it-home" Label="Home" Href="/" />
 </BitToolbar>
 ```
+
+### With a dropdown item (interactive rendering required)
+
+`BitToolbarDropdownItem` expands a toolbar entry into a `BitDropdown` menu. Because the menu's open/closed state is managed in C# with no JavaScript fallback, this only works in an interactive render mode — add `@rendermode InteractiveServer` (or `InteractiveWebAssembly`/`InteractiveAuto`) to the page or component, or host it inside an already-interactive parent.
+
+```razor
+@rendermode InteractiveServer
+
+<BitToolbar>
+    <BitToolbarItem IconName="it-home" Label="Home" Href="/" />
+    <BitToolbarDropdownItem Id="toolbar-user-menu" IconName="it-user" Label="Account">
+        <BitDropdownItem Href="/profile"><span>Profile</span></BitDropdownItem>
+        <BitDropdownItem Href="/settings"><span>Settings</span></BitDropdownItem>
+        <BitDropdownItem OnClick="HandleSignOut"><span>Sign out</span></BitDropdownItem>
+    </BitToolbarDropdownItem>
+</BitToolbar>
+
+@code {
+    private void HandleSignOut() { /* ... */ }
+}
+```
diff --git a/samples/BitBlazor.Sample/BitBlazor.Sample/Components/Pages/Pratiche.razor b/samples/BitBlazor.Sample/BitBlazor.Sample/Components/Pages/Pratiche.razor
index 14c9358..d619bcd 100644
--- a/samples/BitBlazor.Sample/BitBlazor.Sample/Components/Pages/Pratiche.razor
+++ b/samples/BitBlazor.Sample/BitBlazor.Sample/Components/Pages/Pratiche.razor
@@ -31,6 +31,13 @@
                         Label="Stampa"
                         Active="@(_activeToolbarItem == "stampa")"
                         OnClick="StampaAsync" />
+        <BitToolbarDropdownItem IconName="@Icons.ItFiles"
+                                Label="Esporta"
+                                Id="pratiche-esporta-dropdown">
+            <BitDropdownItem OnClick="@(() => EsportaAsync("PDF"))"><span>Esporta in PDF</span></BitDropdownItem>
+            <BitDropdownItem OnClick="@(() => EsportaAsync("Excel"))"><span>Esporta in Excel</span></BitDropdownItem>
+            <BitDropdownItem OnClick="@(() => EsportaAsync("CSV"))"><span>Esporta in CSV</span></BitDropdownItem>
+        </BitToolbarDropdownItem>
         <BitToolbarDivider />
         <BitToolbarItem IconName="@Icons.ItSettings"
                         Label="Impostazioni"
@@ -204,4 +211,11 @@ else
         _activeToolbarItem = _activeToolbarItem == "impostazioni" ? null : "impostazioni";
         return Task.CompletedTask;
     }
+
+    private Task EsportaAsync(string formato)
+    {
+        _activeToolbarItem = null;
+        // In un'applicazione reale, qui verrebbe avviato il download delle pratiche nel formato scelto.
+        return Task.CompletedTask;
+    }
 }
diff --git a/src/BitBlazor/Components/Toolbar/BitToolbarDropdownItem.razor b/src/BitBlazor/Components/Toolbar/BitToolbarDropdownItem.razor
new file mode 100644
index 0000000..92035fd
--- /dev/null
+++ b/src/BitBlazor/Components/Toolbar/BitToolbarDropdownItem.razor
@@ -0,0 +1,39 @@
+@namespace BitBlazor.Components
+
+@inherits BitToolbarItemBase
+
+<li>
+    <BitDropdown ActivatorId="@Id" ActivatorLabel="@Label">
+        <ActivatorTemplate>
+            <button class="@ComputeActivatorCssClass()" type="button" id="@context.ActivatorId" @ref="context.ActivatorRef" @attributes="ComputeActivatorAttributes(context)" disabled="@Disabled" @onclick="@(() => HandleActivatorClick(context))" @onkeydown="@(args => HandleActivatorKeyDownAsync(context, args))">
+                @if (HasBadge)
+                {
+                    <div class="badge-wrapper">
+                        <span class="toolbar-badge">
+                            @if (IsToolbarSizeDefault)
+                            {
+                                @BadgeCount
+                            }
+                        </span>
+                        @if (Parent.Size is ToolbarSize.Medium or ToolbarSize.Small && HasBadgeLabel)
+                        {
+                            @RenderBadgeLabel()
+                        }
+                    </div>
+                }
+                
+                <BitIcon IconName="@IconName" />
+                <span class="@ComputeLabelCssClass()">
+                    @context.ActivatorLabel
+                    @if (Parent.Size is ToolbarSize.Default && HasBadgeLabel)
+                    {
+                        @RenderBadgeLabel()
+                    }
+                </span>
+            </button>
+        </ActivatorTemplate>
+        <ChildContent>
+            @ChildContent
+        </ChildContent>
+    </BitDropdown>
+</li>
diff --git a/src/BitBlazor/Components/Toolbar/BitToolbarDropdownItem.razor.cs b/src/BitBlazor/Components/Toolbar/BitToolbarDropdownItem.razor.cs
new file mode 100644
index 0000000..7860934
--- /dev/null
+++ b/src/BitBlazor/Components/Toolbar/BitToolbarDropdownItem.razor.cs
@@ -0,0 +1,76 @@
+using BitBlazor.Core;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Web;
+
+namespace BitBlazor.Components;
+
+/// <summary>
+/// Represents a dropdown item that can be used within a <see cref="BitToolbar"/> component. 
+/// It provides a way to include dropdown functionality in a toolbar, allowing users to select from a list of options or actions.
+/// </summary>
+/// <remarks>
+/// Rendered with <see cref="BitDropdown"/>, which requires an interactive render mode (Server, WebAssembly, or Auto) to open and close. 
+/// Under static SSR (no circuit/WASM runtime attached) the activator cannot be toggled, so the dropdown menu can never be opened.
+/// </remarks>
+public partial class BitToolbarDropdownItem : BitToolbarItemBase
+{
+    /// <summary>
+    /// Gets or sets the content to be rendered inside the dropdown item.
+    /// </summary>
+    [Parameter]
+    [EditorRequired]
+    public RenderFragment ChildContent { get; set; }
+
+    /// <summary>
+    /// Gets or sets the unique identifier for the dropdown item. 
+    /// This ID is used to associate the item with its corresponding dropdown menu for accessibility purposes.
+    /// </summary>
+    [Parameter]
+    [EditorRequired]
+    public string Id { get; set; } = string.Empty;
+
+    private string ComputeActivatorCssClass()
+    {
+        var builder = new CssClassBuilder("btn", "btn-dropdown", "dropdown-toggle");
+
+        if (Disabled)
+        {
+            builder.Add("disabled");
+        }
+
+        return builder.Build();
+    }
+
+    // Merges the ActivatorContext's dropdown-managed attributes with the aria-disabled state set by SetDisabled().
+    private IDictionary<string, object> ComputeActivatorAttributes(ActivatorContext context)
+    {
+        var attributes = new Dictionary<string, object>(context.Attributes);
+
+        foreach (var attribute in AdditionalAttributes)
+        {
+            attributes[attribute.Key] = attribute.Value;
+        }
+
+        return attributes;
+    }
+
+    private void HandleActivatorClick(ActivatorContext context)
+    {
+        if (Disabled)
+        {
+            return;
+        }
+
+        context.ToggleDropdown();
+    }
+
+    private async Task HandleActivatorKeyDownAsync(ActivatorContext context, KeyboardEventArgs args)
+    {
+        if (Disabled)
+        {
+            return;
+        }
+
+        await context.HandleKeyDownAsync(args);
+    }
+}
diff --git a/src/BitBlazor/Components/Toolbar/BitToolbarItem.razor b/src/BitBlazor/Components/Toolbar/BitToolbarItem.razor
index 6fbd32a..8c204a9 100644
--- a/src/BitBlazor/Components/Toolbar/BitToolbarItem.razor
+++ b/src/BitBlazor/Components/Toolbar/BitToolbarItem.razor
@@ -1,5 +1,7 @@
 @namespace BitBlazor.Components
 
+@inherits BitToolbarItemBase
+
 <li>
     <a href="@Href" class="@ComputeLinkCssClass()" disabled="@Disabled" @attributes="AdditionalAttributes" @onclick="ClickAsync" @onclick:preventDefault="@RendererInfo.IsInteractive" @onkeydown="OnKeyDownAsync">
         @if (HasBadge)
@@ -27,7 +29,3 @@
         </span>
     </a>
 </li>
-
-@code {
-    private RenderFragment RenderBadgeLabel() => @<span class="visually-hidden">@BadgeLabel</span>;
-}
diff --git a/src/BitBlazor/Components/Toolbar/BitToolbarItem.razor.cs b/src/BitBlazor/Components/Toolbar/BitToolbarItem.razor.cs
index a288ef3..bc85934 100644
--- a/src/BitBlazor/Components/Toolbar/BitToolbarItem.razor.cs
+++ b/src/BitBlazor/Components/Toolbar/BitToolbarItem.razor.cs
@@ -7,28 +7,11 @@ namespace BitBlazor.Components;
 /// <summary>
 /// Represents a toolbar item component that can be used within a <see cref="BitToolbar"/> component.
 /// </summary>
-public partial class BitToolbarItem
+public partial class BitToolbarItem : BitToolbarItemBase
 {
-    [CascadingParameter]
-    BitToolbar Parent { get; set; } = default!;
-
     [Inject]
     private NavigationManager NavigationManager { get; set; } = default!;
 
-    /// <summary>
-    /// Gets or sets the label for the toolbar item.
-    /// </summary>
-    [Parameter]
-    [EditorRequired]
-    public string Label { get; set; } = string.Empty;
-
-    /// <summary>
-    /// Gets or sets the name of the icon to be displayed for the toolbar item.
-    /// </summary>
-    [Parameter]
-    [EditorRequired]
-    public string IconName { get; set; } = string.Empty;
-
     /// <summary>
     /// Gets or sets the URL that the toolbar item should link to.
     /// In SSR rendering, the browser follows this URL directly on click.
@@ -39,30 +22,6 @@ public partial class BitToolbarItem
     [Parameter]
     public string? Href { get; set; }
 
-    /// <summary>
-    /// Gets or sets a value indicating whether the toolbar item is active. When set to true, the item will be styled as active.
-    /// </summary>
-    [Parameter]
-    public bool Active { get; set; }
-
-    /// <summary>
-    /// Gets or sets whether the toolbar item is disabled. When set to true, the item will be styled as disabled and will not respond to user interactions.
-    /// </summary>
-    [Parameter]
-    public bool Disabled { get; set; }
-
-    /// <summary>
-    /// Gets or sets the count to be displayed as a badge on the toolbar item. If set, a badge will be shown with the specified count.
-    /// </summary>
-    [Parameter]
-    public int? BadgeCount { get; set; }
-
-    /// <summary>
-    /// Gets or sets the label for the badge on the toolbar item. This label can provide additional context for the badge count.
-    /// </summary>
-    [Parameter]
-    public string? BadgeLabel { get; set; }
-
     /// <summary>
     /// Gets or sets the primary interactive callback, invoked when the toolbar item is clicked.
     /// When set, it takes precedence over <see cref="Href"/> navigation in interactive rendering.
@@ -71,51 +30,10 @@ public partial class BitToolbarItem
     [Parameter]
     public EventCallback OnClick { get; set; }
 
-    /// <summary>
-    /// Gets or sets additional attributes that do not match any of the explicitly defined parameters.
-    /// </summary>
-    [Parameter(CaptureUnmatchedValues = true)]
-    public IDictionary<string, object> AdditionalAttributes { get; set; } = new Dictionary<string, object>();
-
-    private bool HasBadgeNumber => BadgeCount.HasValue && BadgeCount.Value > 0;
-
-    private bool HasBadgeLabel => !string.IsNullOrWhiteSpace(BadgeLabel);
-
-    private bool HasBadge => HasBadgeNumber || HasBadgeLabel;
-
-    private bool IsToolbarSizeDefault => Parent.Size is ToolbarSize.Default;
-
-    /// <inheritdoc/>
-    protected override void OnInitialized()
-    {
-        if (Parent is null)
-        {
-            throw new InvalidOperationException("BitToolbarItem component must be used inside a BitToolbar component");
-        }
-    }
-
-    /// <inheritdoc/>
-    protected override void OnParametersSet()
-    {
-        SetDisabled();
-    }
-
-    private void SetDisabled()
-    {
-        if (Disabled)
-        {
-            AdditionalAttributes["aria-disabled"] = "true";
-        }
-        else
-        {
-            AdditionalAttributes.Remove("aria-disabled");
-        }
-    }
-
     private string ComputeLinkCssClass()
     {
         var builder = new CssClassBuilder();
-        
+
         if (Active)
         {
             builder.Add("active");
@@ -129,21 +47,6 @@ private string ComputeLinkCssClass()
         return builder.Build();
     }
 
-    private string ComputeLabelCssClass()
-    {
-        var builder = new CssClassBuilder();
-        
-        var labelClass = Parent.Size switch
-        {
-            ToolbarSize.Medium or ToolbarSize.Small => "visually-hidden",
-            _ => "toolbar-label"
-        };
-        builder.Add(labelClass);
-
-
-        return builder.Build();
-    }
-
     private async Task ClickAsync()
     {
         if (Disabled)
diff --git a/src/BitBlazor/Components/Toolbar/BitToolbarItemBase.cs b/src/BitBlazor/Components/Toolbar/BitToolbarItemBase.cs
new file mode 100644
index 0000000..5f99422
--- /dev/null
+++ b/src/BitBlazor/Components/Toolbar/BitToolbarItemBase.cs
@@ -0,0 +1,143 @@
+using BitBlazor.Core;
+using Microsoft.AspNetCore.Components;
+
+namespace BitBlazor.Components;
+
+/// <summary>
+/// Represents the base class for toolbar items that can be used within a <see cref="BitToolbar"/> component.
+/// </summary>
+public abstract class BitToolbarItemBase : ComponentBase
+{
+    /// <summary>
+    /// Gets or sets the parent <see cref="BitToolbar"/> component. 
+    /// This property is set via cascading parameters and is used to access properties of the parent toolbar.
+    /// </summary>
+    [CascadingParameter]
+    protected BitToolbar Parent { get; set; } = default!;
+
+    /// <summary>
+    /// Gets or sets the label for the toolbar item.
+    /// </summary>
+    [Parameter]
+    [EditorRequired]
+    public string Label { get; set; } = string.Empty;
+
+    /// <summary>
+    /// Gets or sets the name of the icon to be displayed for the toolbar item.
+    /// </summary>
+    [Parameter]
+    [EditorRequired]
+    public string IconName { get; set; } = string.Empty;
+
+    /// <summary>
+    /// Gets or sets a value indicating whether the toolbar item is active. When set to true, the item will be styled as active.
+    /// </summary>
+    [Parameter]
+    public bool Active { get; set; }
+
+    /// <summary>
+    /// Gets or sets whether the toolbar item is disabled. When set to true, the item will be styled as disabled and will not respond to user interactions.
+    /// </summary>
+    [Parameter]
+    public bool Disabled { get; set; }
+
+    /// <summary>
+    /// Gets or sets the count to be displayed as a badge on the toolbar item. If set, a badge will be shown with the specified count.
+    /// </summary>
+    [Parameter]
+    public int? BadgeCount { get; set; }
+
+    /// <summary>
+    /// Gets or sets the label for the badge on the toolbar item. This label can provide additional context for the badge count.
+    /// </summary>
+    [Parameter]
+    public string? BadgeLabel { get; set; }
+
+    /// <summary>
+    /// Gets or sets additional attributes that do not match any of the explicitly defined parameters.
+    /// </summary>
+    [Parameter(CaptureUnmatchedValues = true)]
+    public IDictionary<string, object> AdditionalAttributes { get; set; } = new Dictionary<string, object>();
+
+    /// <summary>
+    /// Gets a value indicating whether the toolbar item has a badge count greater than zero. This is used to determine if a badge should be displayed.
+    /// </summary>
+    protected bool HasBadgeNumber => BadgeCount.HasValue && BadgeCount.Value > 0;
+
+    /// <summary>
+    /// Gets a value indicating whether the toolbar item has a non-empty badge label. This is used to determine if a badge label should be displayed.
+    /// </summary>
+    protected bool HasBadgeLabel => !string.IsNullOrWhiteSpace(BadgeLabel);
+
+    /// <summary>
+    /// Gets a value indicating whether the toolbar item has either a badge count or a badge label. This is used to determine if any badge should be displayed.
+    /// </summary>
+    protected bool HasBadge => HasBadgeNumber || HasBadgeLabel;
+
+    /// <summary>
+    /// Gets a value indicating whether the parent toolbar's size is set to the default size. This is used to apply specific styling based on the toolbar's size.
+    /// </summary>
+    protected bool IsToolbarSizeDefault => Parent.Size is ToolbarSize.Default;
+
+    /// <inheritdoc/>
+    protected override void OnInitialized()
+    {
+        if (Parent is null)
+        {
+            throw new InvalidOperationException("A toolbar item must be only used inside a BitToolbar component");
+        }
+    }
+
+    /// <inheritdoc/>
+    protected override void OnParametersSet()
+    {
+        SetDisabled();
+    }
+
+    /// <summary>
+    /// Sets the "aria-disabled" attribute based on the Disabled parameter.
+    /// </summary>
+    protected virtual void SetDisabled()
+    {
+        if (Disabled)
+        {
+            AdditionalAttributes["aria-disabled"] = "true";
+        }
+        else
+        {
+            AdditionalAttributes.Remove("aria-disabled");
+        }
+    }
+
+    /// <summary>
+    /// Computes the CSS classes for the label based on the parent toolbar's size.
+    /// </summary>
+    /// <returns>The computed CSS classes</returns>
+    protected virtual string ComputeLabelCssClass()
+    {
+        var builder = new CssClassBuilder();
+
+        var labelClass = Parent.Size switch
+        {
+            ToolbarSize.Medium or ToolbarSize.Small => "visually-hidden",
+            _ => "toolbar-label"
+        };
+
+        builder.Add(labelClass);
+
+        return builder.Build();
+    }
+
+    /// <summary>
+    /// Renders the badge label as a visually hidden span element for accessibility purposes.
+    /// </summary>
+    /// <returns></returns>
+    protected RenderFragment RenderBadgeLabel() => 
+        builder =>
+        {
+            builder.OpenElement(0, "span");
+            builder.AddAttribute(1, "class", "visually-hidden");
+            builder.AddContent(2, BadgeLabel);
+            builder.CloseElement();
+        };
+}
diff --git a/stories/BitBlazor.Stories/Components/Stories/Components/BitToolbar.stories.razor b/stories/BitBlazor.Stories/Components/Stories/Components/BitToolbar.stories.razor
index 094b47a..7c93d7b 100644
--- a/stories/BitBlazor.Stories/Components/Stories/Components/BitToolbar.stories.razor
+++ b/stories/BitBlazor.Stories/Components/Stories/Components/BitToolbar.stories.razor
@@ -157,4 +157,83 @@
         </Template>
     </Story>
 
+    <Story Name="Dropdown item">
+        <Template>
+            <div class="py-2 px-2">
+                <BitToolbar>
+                    <BitToolbarItem Label="Search" IconName="@Icons.ItSearch" />
+                    <BitToolbarDropdownItem Label="Messages" IconName="@Icons.ItComment" Id="toolbar-dropdown-1">
+                        <BitDropdownItem><span>Inbox</span></BitDropdownItem>
+                        <BitDropdownItem><span>Sent</span></BitDropdownItem>
+                        <BitDropdownItem><span>Drafts</span></BitDropdownItem>
+                    </BitToolbarDropdownItem>
+                    <BitToolbarItem Label="Settings" IconName="@Icons.ItSettings" />
+                </BitToolbar>
+            </div>
+        </Template>
+    </Story>
+
+    <Story Name="Dropdown item with badge">
+        <Template>
+            <div class="py-2 px-2">
+                <BitToolbar>
+                    <BitToolbarItem Label="Search" IconName="@Icons.ItSearch" />
+                    <BitToolbarDropdownItem Label="Messages" IconName="@Icons.ItComment" Id="toolbar-dropdown-2" BadgeCount="3" BadgeLabel="3 unread messages">
+                        <BitDropdownItem><span>Inbox</span></BitDropdownItem>
+                        <BitDropdownItem><span>Sent</span></BitDropdownItem>
+                        <BitDropdownItem><span>Drafts</span></BitDropdownItem>
+                    </BitToolbarDropdownItem>
+                    <BitToolbarDropdownItem Label="Notifications" IconName="@Icons.ItHorn" Id="toolbar-dropdown-3" BadgeCount="7" BadgeLabel="7 unread notifications">
+                        <BitDropdownItem><span>Alerts</span></BitDropdownItem>
+                        <BitDropdownItem><span>Updates</span></BitDropdownItem>
+                    </BitToolbarDropdownItem>
+                    <BitToolbarItem Label="Settings" IconName="@Icons.ItSettings" />
+                </BitToolbar>
+            </div>
+        </Template>
+    </Story>
+
+    <Story Name="Multiple dropdown items with divider">
+        <Template>
+            <div class="py-2 px-2">
+                <BitToolbar>
+                    <BitToolbarDropdownItem Label="Messages" IconName="@Icons.ItComment" Id="toolbar-dropdown-4">
+                        <BitDropdownItem><span>Inbox</span></BitDropdownItem>
+                        <BitDropdownItem><span>Sent</span></BitDropdownItem>
+                    </BitToolbarDropdownItem>
+                    <BitToolbarDropdownItem Label="Images" IconName="@Icons.ItCamera" Id="toolbar-dropdown-5">
+                        <BitDropdownItem><span>Photos</span></BitDropdownItem>
+                        <BitDropdownItem><span>Videos</span></BitDropdownItem>
+                    </BitToolbarDropdownItem>
+                    <BitToolbarDivider />
+                    <BitToolbarItem Label="Close" IconName="@Icons.ItCloseBig" />
+                </BitToolbar>
+            </div>
+        </Template>
+    </Story>
+
+    <Story Name="Dropdown item on sizes">
+        <Arguments>
+            <Arg For="_ => _.Size" Value="ToolbarSize.Default" />
+        </Arguments>
+
+        <Template>
+            <div class="py-2 px-2">
+                <BitToolbar @attributes="context.Args">
+                    <BitToolbarItem Label="Search" IconName="@Icons.ItSearch" />
+                    <BitToolbarDropdownItem Label="Messages" IconName="@Icons.ItComment" Id="toolbar-dropdown-size">
+                        <BitDropdownItem><span>Inbox</span></BitDropdownItem>
+                        <BitDropdownItem><span>Sent</span></BitDropdownItem>
+                        <BitDropdownItem><span>Drafts</span></BitDropdownItem>
+                    </BitToolbarDropdownItem>
+                    <BitToolbarDropdownItem Label="Notifications" IconName="@Icons.ItHorn" Id="toolbar-dropdown-size-2" BadgeCount="7" BadgeLabel="7 unread notifications">
+                        <BitDropdownItem><span>Alerts</span></BitDropdownItem>
+                        <BitDropdownItem><span>Updates</span></BitDropdownItem>
+                    </BitToolbarDropdownItem>
+                    <BitToolbarItem Label="Settings" IconName="@Icons.ItSettings" />
+                </BitToolbar>
+            </div>
+        </Template>
+    </Story>
+
 </Stories>
diff --git a/tests/BitBlazor.Test/Components/Toolbar/BitToolbarTest.Behaviors.cs b/tests/BitBlazor.Test/Components/Toolbar/BitToolbarTest.Behaviors.cs
index 943c7f2..bdab4e5 100644
--- a/tests/BitBlazor.Test/Components/Toolbar/BitToolbarTest.Behaviors.cs
+++ b/tests/BitBlazor.Test/Components/Toolbar/BitToolbarTest.Behaviors.cs
@@ -210,7 +210,7 @@ public void BitToolbarItem_Should_Throw_InvalidOperationException_When_Used_Outs
                 .Add(p => p.Label, "Item 1")
                 .Add(p => p.IconName, Icons.ItComment)));
 
-        Assert.Equal("BitToolbarItem component must be used inside a BitToolbar component", exception.Message);
+        Assert.Equal("A toolbar item must be only used inside a BitToolbar component", exception.Message);
     }
 
     [Fact]
@@ -224,4 +224,216 @@ public void BitToolbarDivider_Should_Throw_InvalidOperationException_When_Used_O
 
         Assert.Equal("BitToolbarDivider component must be used inside a BitToolbar component", exception.Message);
     }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Open_On_Activator_Click()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var cut = ctx.Render<BitToolbar>(parameters => parameters
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>")))
+        );
+
+        var button = cut.Find("button");
+        button.Click();
+
+        var menu = cut.Find("div.dropdown-menu");
+        Assert.Contains("show", menu.ClassList);
+        Assert.Equal("true", button.GetAttribute("aria-expanded"));
+    }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Close_On_Activator_Click_Again()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var cut = ctx.Render<BitToolbar>(parameters => parameters
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>")))
+        );
+
+        var button = cut.Find("button");
+        button.Click();
+        button.Click();
+
+        var menu = cut.Find("div.dropdown-menu");
+        Assert.False(menu.ClassList.Contains("show"));
+        Assert.Equal("false", button.GetAttribute("aria-expanded"));
+    }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Open_And_Focus_First_Item_On_ArrowDown_Key()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var cut = ctx.Render<BitToolbar>(parameters => parameters
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>")))
+        );
+
+        var button = cut.Find("button");
+        button.KeyDown(new KeyboardEventArgs { Key = "ArrowDown" });
+
+        var menu = cut.Find("div.dropdown-menu");
+        Assert.Contains("show", menu.ClassList);
+        Assert.Equal("true", button.GetAttribute("aria-expanded"));
+    }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Open_On_ArrowUp_Key()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var cut = ctx.Render<BitToolbar>(parameters => parameters
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>")))
+        );
+
+        var button = cut.Find("button");
+        button.KeyDown(new KeyboardEventArgs { Key = "ArrowUp" });
+
+        var menu = cut.Find("div.dropdown-menu");
+        Assert.Contains("show", menu.ClassList);
+        Assert.Equal("true", button.GetAttribute("aria-expanded"));
+    }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Toggle_Independently_When_Multiple_Present()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var cut = ctx.Render<BitToolbar>(parameters => parameters
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>")))
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Images")
+                .Add(p => p.IconName, Icons.ItCamera)
+                .Add(p => p.Id, "dropdown2")
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 2</span>")))
+        );
+
+        cut.FindAll("button")[0].Click();
+
+        var buttons = cut.FindAll("button");
+        var menus = cut.FindAll("div.dropdown-menu");
+        Assert.Contains("show", menus[0].ClassList);
+        Assert.False(menus[1].ClassList.Contains("show"));
+        Assert.Equal("true", buttons[0].GetAttribute("aria-expanded"));
+        Assert.Equal("false", buttons[1].GetAttribute("aria-expanded"));
+    }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Throw_InvalidOperationException_When_Used_Outside_BitToolbar()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var exception = Assert.Throws<InvalidOperationException>(() =>
+            ctx.Render<BitToolbarDropdownItem>(parameters => parameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>"))));
+
+        Assert.Equal("A toolbar item must be only used inside a BitToolbar component", exception.Message);
+    }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Render_Native_Disabled_State_On_Activator()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var cut = ctx.Render<BitToolbar>(parameters => parameters
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .Add(p => p.Disabled, true)
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>")))
+        );
+
+        var button = cut.Find("button");
+
+        Assert.True(button.HasAttribute("disabled"));
+        Assert.Equal("true", button.GetAttribute("aria-disabled"));
+        Assert.Contains("disabled", button.ClassList);
+    }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Not_Open_On_Activator_Click_When_Disabled()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var cut = ctx.Render<BitToolbar>(parameters => parameters
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .Add(p => p.Disabled, true)
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>")))
+        );
+
+        var button = cut.Find("button");
+        button.Click();
+
+        var menu = cut.Find("div.dropdown-menu");
+        Assert.False(menu.ClassList.Contains("show"));
+        Assert.Equal("false", button.GetAttribute("aria-expanded"));
+    }
+
+    [Fact]
+    public void BitToolbarDropdownItem_Should_Not_Open_On_ArrowDown_Key_When_Disabled()
+    {
+        using var ctx = new BunitContext();
+        ctx.SetRendererInfo(new RendererInfo("InteractiveServer", isInteractive: true));
+
+        var cut = ctx.Render<BitToolbar>(parameters => parameters
+            .AddChildContent<BitToolbarDropdownItem>(itemParameters => itemParameters
+                .Add(p => p.Label, "Messages")
+                .Add(p => p.IconName, Icons.ItComment)
+                .Add(p => p.Id, "dropdown1")
+                .Add(p => p.Disabled, true)
+                .AddChildContent<BitDropdownItem>(dropdownItemParameters =>
+                    dropdownItemParameters.AddChildContent("<span>Label 1</span>")))
+        );
+
+        var button = cut.Find("button");
+        button.KeyDown(new KeyboardEventArgs { Key = "ArrowDown" });
+
+        var menu = cut.Find("div.dropdown-menu");
+        Assert.False(menu.ClassList.Contains("show"));
+        Assert.Equal("false", button.GetAttribute("aria-expanded"));
+    }
 }
diff --git a/tests/BitBlazor.Test/Components/Toolbar/BitToolbarTest.Rendering.razor b/tests/BitBlazor.Test/Components/Toolbar/BitToolbarTest.Rendering.razor
index b024f17..e938f80 100644
--- a/tests/BitBlazor.Test/Components/Toolbar/BitToolbarTest.Rendering.razor
+++ b/tests/BitBlazor.Test/Components/Toolbar/BitToolbarTest.Rendering.razor
@@ -558,4 +558,187 @@
 
         Assert.True(component.Find("nav").ClassList.Contains("my-custom-toolbar"));
     }
+
+    [Fact]
+    public void BitToolbar_Should_Render_Dropdown_Item_Correctly()
+    {
+        var component = Render(
+            @<BitToolbar>
+                <BitToolbarDropdownItem Label="Messages" IconName="@Icons.ItComment" Id="dropdown1">
+                    <BitDropdownItem><span>Label 1</span></BitDropdownItem>
+                    <BitDropdownItem><span>Label 2</span></BitDropdownItem>
+                </BitToolbarDropdownItem>
+                <BitToolbarDropdownItem Label="Images" IconName="@Icons.ItCamera" Id="dropdown2">
+                    <BitDropdownItem><span>Label 1</span></BitDropdownItem>
+                    <BitDropdownItem><span>Label 2</span></BitDropdownItem>
+                </BitToolbarDropdownItem>
+            </BitToolbar>);
+
+        component.MarkupMatches(
+            @<nav class="toolbar">
+                <ul>
+                    <li>
+                        <div class="dropdown">
+                            <button class="btn btn-dropdown dropdown-toggle" type="button" id="dropdown1" aria-haspopup="true" aria-expanded="false">
+                                <svg class="icon"><use href="/_content/BitBlazor/bootstrap-italia/svg/sprites.svg#it-comment"></use></svg>
+                                <span class="toolbar-label">Messages</span>
+                            </button>
+                            <div class="dropdown-menu" aria-labelledby="dropdown1" data-bs-popper="static">
+                                <div class="link-list-wrapper">
+                                    <ul class="link-list">
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 1</span></a></li>
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 2</span></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="dropdown">
+                            <button class="btn btn-dropdown dropdown-toggle" type="button" id="dropdown2" aria-haspopup="true" aria-expanded="false">
+                                <svg class="icon"><use href="/_content/BitBlazor/bootstrap-italia/svg/sprites.svg#it-camera"></use></svg>
+                                <span class="toolbar-label">Images</span>
+                            </button>
+                            <div class="dropdown-menu" aria-labelledby="dropdown2" data-bs-popper="static">
+                                <div class="link-list-wrapper">
+                                    <ul class="link-list">
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 1</span></a></li>
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 2</span></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </nav>);
+    }
+
+    [Fact]
+    public void BitToolbar_Should_Render_Dropdown_Item_With_Badge_Correctly()
+    {
+        var component = Render(
+            @<BitToolbar>
+                <BitToolbarDropdownItem Label="Messages" IconName="@Icons.ItComment" Id="dropdown1" BadgeCount="1" BadgeLabel="to read">
+                    <BitDropdownItem><span>Label 1</span></BitDropdownItem>
+                    <BitDropdownItem><span>Label 2</span></BitDropdownItem>
+                </BitToolbarDropdownItem>
+                <BitToolbarDropdownItem Label="Images" IconName="@Icons.ItCamera" Id="dropdown2" BadgeCount="42" BadgeLabel="to view">
+                    <BitDropdownItem><span>Label 1</span></BitDropdownItem>
+                    <BitDropdownItem><span>Label 2</span></BitDropdownItem>
+                </BitToolbarDropdownItem>
+            </BitToolbar>);
+
+        component.MarkupMatches(
+            @<nav class="toolbar">
+                <ul>
+                    <li>
+                        <div class="dropdown">
+                            <button class="btn btn-dropdown dropdown-toggle" type="button" id="dropdown1" aria-haspopup="true" aria-expanded="false">
+                                <div class="badge-wrapper"><span class="toolbar-badge">1</span></div>
+                                <svg class="icon"><use href="/_content/BitBlazor/bootstrap-italia/svg/sprites.svg#it-comment"></use></svg>
+                                <span class="toolbar-label">Messages<span class="visually-hidden">to read</span></span>
+                            </button>
+                            <div class="dropdown-menu" aria-labelledby="dropdown1" data-bs-popper="static">
+                                <div class="link-list-wrapper">
+                                    <ul class="link-list">
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 1</span></a></li>
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 2</span></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="dropdown">
+                            <button class="btn btn-dropdown dropdown-toggle" type="button" id="dropdown2" aria-haspopup="true" aria-expanded="false">
+                                <div class="badge-wrapper"><span class="toolbar-badge">42</span></div>
+                                <svg class="icon"><use href="/_content/BitBlazor/bootstrap-italia/svg/sprites.svg#it-camera"></use></svg>
+                                <span class="toolbar-label">Images<span class="visually-hidden">to view</span></span>
+                            </button>
+                            <div class="dropdown-menu" aria-labelledby="dropdown2" data-bs-popper="static">
+                                <div class="link-list-wrapper">
+                                    <ul class="link-list">
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 1</span></a></li>
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 2</span></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </nav>);
+    }
+
+    [Theory]
+    [InlineData(ToolbarSize.Medium, "toolbar-medium")]
+    [InlineData(ToolbarSize.Small, "toolbar-small")]
+    public void BitToolbar_Should_Render_Dropdown_Item_In_Medium_And_Small_Toolbar_Correctly(ToolbarSize size, string sizeClass)
+    {
+        var component = Render(
+            @<BitToolbar Size="size">
+                <BitToolbarDropdownItem Label="Messages" IconName="@Icons.ItComment" Id="dropdown1">
+                    <BitDropdownItem><span>Label 1</span></BitDropdownItem>
+                    <BitDropdownItem><span>Label 2</span></BitDropdownItem>
+                </BitToolbarDropdownItem>
+            </BitToolbar>);
+
+        component.MarkupMatches(
+            @<nav class="toolbar @sizeClass">
+                <ul>
+                    <li>
+                        <div class="dropdown">
+                            <button class="btn btn-dropdown dropdown-toggle" type="button" id="dropdown1" aria-haspopup="true" aria-expanded="false">
+                                <svg class="icon"><use href="/_content/BitBlazor/bootstrap-italia/svg/sprites.svg#it-comment"></use></svg>
+                                <span class="visually-hidden">Messages</span>
+                            </button>
+                            <div class="dropdown-menu" aria-labelledby="dropdown1" data-bs-popper="static">
+                                <div class="link-list-wrapper">
+                                    <ul class="link-list">
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 1</span></a></li>
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 2</span></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </nav>);
+    }
+
+    [Theory]
+    [InlineData(ToolbarSize.Medium, "toolbar-medium")]
+    [InlineData(ToolbarSize.Small, "toolbar-small")]
+    public void BitToolbar_Should_Render_Dropdown_Item_With_Badge_In_Medium_And_Small_Toolbar_Correctly(ToolbarSize size, string sizeClass)
+    {
+        var component = Render(
+            @<BitToolbar Size="size">
+                <BitToolbarDropdownItem Label="Messages" IconName="@Icons.ItComment" Id="dropdown1" BadgeCount="1" BadgeLabel="to read">
+                    <BitDropdownItem><span>Label 1</span></BitDropdownItem>
+                    <BitDropdownItem><span>Label 2</span></BitDropdownItem>
+                </BitToolbarDropdownItem>
+            </BitToolbar>);
+
+        component.MarkupMatches(
+            @<nav class="toolbar @sizeClass">
+                <ul>
+                    <li>
+                        <div class="dropdown">
+                            <button class="btn btn-dropdown dropdown-toggle" type="button" id="dropdown1" aria-haspopup="true" aria-expanded="false">
+                                <div class="badge-wrapper"><span class="toolbar-badge"></span><span class="visually-hidden">to read</span></div>
+                                <svg class="icon"><use href="/_content/BitBlazor/bootstrap-italia/svg/sprites.svg#it-comment"></use></svg>
+                                <span class="visually-hidden">Messages</span>
+                            </button>
+                            <div class="dropdown-menu" aria-labelledby="dropdown1" data-bs-popper="static">
+                                <div class="link-list-wrapper">
+                                    <ul class="link-list">
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 1</span></a></li>
+                                        <li><a class="dropdown-item list-item" tabindex="0"><span>Label 2</span></a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </nav>);
+    }
 }