[RFC] ListItem endMedia full support

[bmdalex]

[RFC] ListItem endMedia full support

Problem description

In Teams theme, the endMedia slot is shown only on hover. There are certain user scenarios that imply showing different content for endMedia in different UI states.

e.g.: show a specific icon by default that changes on hover/focus)

We need a way to differentiate between the current behavior and the ability to specify different slot contents for endMedia in different UI states (regular vs hover/focus).

Proposed solution

We can achieve that by:

1. having a design term to suggest the different behavior
2. changing the theme default behavior (shows endMedia only on hover currently) to always show the endMedia slot and let the component user define different content using CSS selectors
3. other proposals?

[bmdalex]

fyi @codepretty @alinais

[levithomason]

I wonder if this is common enough in lists to warrant some kind of area that is shown on hover in the base control. I know many lists and rows tend to do this on the web. Would be great to survey a number of them and see.

[codepretty]

@levithomason 's suggestion above seems like it would cover both cases I can think of we need to support

1. nothing shows to the right, then on hover/focus area on the right is shown
2. something shows to the right, then on hover/focus area on the right is swapped out