Anvil/src/lib/components/atoms/DisplayName.svelte
André Jaenisch fecd15f862
refactor: extract display name into component
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>
2024-02-15 16:18:06 +01:00

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>