carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.85k stars 1.81k forks source link

A new dropdown variant with title and subtitle as an entry #764

Closed manujt1 closed 5 years ago

manujt1 commented 6 years ago

So, this a an issue for a new dropdown variant where is the entries would be a combination of title and subtitle. This was a requirement where I wanted to represent a set of audience NAME and ATTRIBUTE pairs as shown below

Is this issue related to a specific component? Dropdown

What did you expect to happen? What happened instead? What would you like to see changed? There is no provision for having a subtitle for the entries in the dropdown.

What browser are you working in? NA

What version of the Carbon Design System are you using? 8.1.0

What offering/product do you work on? Any pressing ship or release dates we should be aware of? App Launch from IBM Mobile India. No pressing release date yet.

screen shot 2018-05-11 at 12 39 25 pm

Will be adding my solutions in the replies so that we can work on it together. Looking forward to your response on this. Thanks

manujt1 commented 6 years ago

One of the proposed solutions was.

screen shot 2018-05-10 at 12 08 00 pm screen shot 2018-05-10 at 12 34 23 pm
tay-aitken commented 6 years ago

@yumeforever

yumeforever commented 6 years ago

Hey guys, sorry the delay. We too have the use-case for the multi-line dropdown. It will be the widget saying in which context you currently are and how to switch to another context. In this case, IBM Cloud Functions "Namespace"

As we learn, the majority of people have from 0-5 namespaces, but a huge portion also has up to 12, so we are considering adding a search. But I really like @manujt1 Recent and All categories :D we also had it! The specs are not there yet. I will try to use the ones Manuj was using.

screen shot 2018-05-16 at 13 56 38

manujt1 commented 6 years ago

Hi worked on the component design taking inspration from Morgana's version. Review and feedback appreciated. Also let me know if it can be implemented or not. Thanks

Tried to fit the component height to 48px and explored different versions of the dropdown.

screen shot 2018-05-25 at 2 03 46 pm screen shot 2018-05-25 at 2 09 17 pm
tay-aitken commented 6 years ago

Hello! Wanted to circle back and see how the work was going on this!

manujt1 commented 6 years ago

The work on the component is paused due to other project commitments. However, in the previous post I tried to compress the component to the height of 48px. Also worked on the feedbacks given by @tay-aitken Following the guidelines here http://www.carbondesignsystem.com/getting-started/contributing and trying to find a developer who can assist in developing the component. Will update you on the progress. Thanks

tay-aitken commented 6 years ago

Thanks @manujt1!

stale[bot] commented 5 years ago

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. Thanks for your contributions.

stale[bot] commented 5 years ago

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

stale[bot] commented 5 years ago

As there's been no activity since this issue was marked as stale, we are auto-closing it.