feat(NcListItem): add title slot

[emoral435]

• For feat: author displayname and avatar on versions nextcloud/server#44109

Summary

To extend component flexibility, allow component to be able to render content to the side of name. For instance, in my case, I need to be able to add content to the side of the name for a customer request feature. However, the current implementation keeps the whole line one bolded, and for design reasons, it would be better to allow users of the library to manually style their side content.

Any input on how to better name the slot is appreciate as well :) I did not have any good naming convention to describe content that aligns right to the name of line one

🖼️ Screenshots

🏡 New extension

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable
• 3️⃣ Backport to next requested with a Vue 3 upgrade

[emoral435]

/backport to next

[ShGKme]

If we add a new slot here, we need to also check that it works well with compact mode and the new one-line mode and support it.

If this slot is only needed for this specific place, I'd consider this PR as an alternative #3715

So we can provide custom content to name same as currently similar design is implemented in file_versions via #subname.

cc @nextcloud-libraries/designers for a design view here.

[susnux]

If this slot is only needed for this specific place, I'd consider this PR as an alternative #3715
So we can provide custom content to name same as currently similar design is implemented in file_versions via #subname.

This makes sense to me. Would also favor this solution.

[emoral435]

This makes sense to me. Would also favor this solution.

After looking at the PR, I agree. This solution is much cleaner, as well! I will manually import the changes that PR introduced but still tag the original PR author.

[emoral435]

I really like this solution: no breaking changes, and styling is consistent with mobile, and with original components.

Mobile with a really long admin name to overflow:

Regular:

[Antreesy]

And here we are again 😁

[nimishavijay]

From a design perspective this is a great idea :) there have been multiple times where we've tried to have different styling for the title but it wasn't possible due to the limitations of the component.

I would suggest that text in all the slots be bold by default to maintain consistency.

[emoral435]

I would suggest that text in all the slots be bold by default to maintain consistency.

Fixed with @Antreesy 's PR :D