Inline Select - add docs about width

[tay-aitken]

The caret for inline select should no be that far away from the text. There should be 10px of padding between the two. I realize that it is adjusting for the lengthier option from the dropdown menu (based on a character count I believe) but is there anyway to reduce the space? With that large amount of space it is difficult for people to see the association between the two elements.

[hellobrian]

Hey @tay-aitken!

Yes, the inline-select is wrapped with a <div> element that can be given a smaller fixed width.
Below are screenshots of what happens when I add width: 250px; to the wrapping <div>.

[tay-aitken]

Hey what's up @hellobrian!

Great! Can we add in some documentation then that states that the width of the dropdown select box should be the width of the default placeholder text (whatever text is there before the user makes a selection) + 16px of padding. And whatever option the user selects should truncate down to that size and not change the width of the box. I am only asking that we put that in code, since I don't know how often the devs go to the usage tab.

[hellobrian]

We can close this when someone adds docs to carbon-components and the website about this.

[tay-aitken]

Assigning myself to update any content to reflect this and adding @marijohannessen and @tw15egan to fix the component itself and reflect the changes in dev documentation.