Custom Dropdown Toggle

[mdmontesinos]

Is there any way to open a dropdown with a custom toggle instead of the regular one?

Basically, I want to have a Dropdown that is opened using an icon instead of a button, something like this:

<Dropdown @ref="_dropdown">
    <DropdownToggle>
        <Icon Name="IconName.Bell"></Icon>
    </DropdownToggle>
    <DropdownMenu>
        <DropdownItem>Item 1</DropdownItem>
        <DropdownItem>Item 2</DropdownItem>
        <DropdownItem>Item 3</DropdownItem>
    </DropdownMenu>
</Dropdown>

But I still get the toggle icon, which I would like to get rid of.

I've also tried using the ref and DropdownMenuTargetId to programatically open the dropdown:

<Dropdown @ref="_dropdown" DropdownMenuTargetId="target">
    <DropdownMenu>
        <DropdownItem>Item 1</DropdownItem>
        <DropdownItem>Item 2</DropdownItem>
        <DropdownItem>Item 3</DropdownItem>
    </DropdownMenu>
</Dropdown>

<Button Color="Color.Primary" id="target" @onclick="@(() => ShowMenu())">Toggle</Button>

But if I remove the DropdownToggle or set Display to None, the position of the dropdown is sometimes bugged, and also can't be closed by clicking elsewhere.

[stsrki]

Just set the ToggleIconVisible, eg.

<DropdownToggle Color="Color.Secondary" ToggleIconVisible="false">Menu Up</DropdownToggle>

[stsrki]

That's strange. What provider are you using? BS4 or BS5?

Also, we should add that to the docs.

[mdmontesinos]

I'm actually using Tailwind.

[stsrki]

That might be a bug. It is going to the issue.

[mdmontesinos]

Thanks!

[mdmontesinos]

Fixed via #5114