Semantic-UI-React
Semantic-UI-React copied to clipboard
Dropdown within a icon labeled menu should follow same styles as other items
Feature Request
Problem description
In a menu of icon="labeled", the dropdown differs its way of representation.
For all the other menu items, the icon comes first and then the text.
But where as for the dropdown with icon, the icon is placed after the text.
This is leading to a inconsistent behaviour.
Proposed solution
Give the user to add a option of which side the icon can be placed like iconPosition="left", default could be iconPosition="right".
Steps to reproduce the issue
https://codesandbox.io/s/mpgbb?module=/example.js
👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.
We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.