Override text in pos-rich-link

[jg10-mastodon-social]

As a dashboard creator, I want to be able provide a link to follow (with functionality provided by pos-rich-link) but control what text is displayed to the user.

The text is currently defined as

PodOS/elements/src/components/pos-rich-link/pos-rich-link.tsx

Lines 24 to 27 in d4c6cc6

	<pos-label />
	</a>
	<span class="url">{new URL(this.uri).host}</span>
	<pos-description />

Note that this issue assumes that functionality in #130 is also implemented, meaning that pos-rich-link is usable in a dashboard context.

[jg10-mastodon-social]

I'm suggesting this is implemented with slots and the current text elements are kept as default slots.

Based on the current styling, I suggest three named slots

• title
• subtitle
• description

The user might also want to override the content styling. I suggest this could be supported by the use of a single unnamed slot, which would be rendered as <a><slot></a>
An alternative approach would be to create a new pos-link component with this behaviour. I expect it would result in duplication of other functionality between pos-rich-link and pos-link.

[jg10-mastodon-social]

I now suggest we just implement the use of a single unnamed slot, rendered as <a><slot></a>

With #136 , pos-rich-link now has a fair bit of logic that doesn't seem worth duplicating in a new pos-link component and supporting three formatted slots seems unnecessary.