I could imagine that we will refactor this into even smaller components in the future but for now, I bundle the pronoun with the display name like this. Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
17 lines
389 B
Svelte
17 lines
389 B
Svelte
<script lang="ts">
|
|
/**
|
|
* Under which name shall the person be known?
|
|
*/
|
|
export let displayName: string = '';
|
|
|
|
/**
|
|
* How to correctly address this person.
|
|
*/
|
|
export let pronoun: string = '';
|
|
</script>
|
|
|
|
<h1 class="h1 font-semibold text-4xl leading-tight">
|
|
<span class="sr-only">Profile for </span>
|
|
{@html displayName}
|
|
</h1>
|
|
<p class="leading-normal my-1">({@html pronoun})</p>
|