Trim Avatar labels

public-ui · Nov 16, 2023 · c7542fe · c7542fe
1 parent 5ace636
commit c7542fe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/components/src/components/avatar/component.tsx b/packages/components/src/components/avatar/component.tsx
@@ -19,7 +19,7 @@ export class KolAvatarWc implements API {
 						<img alt="" aria-hidden="true" class="image" src={this.state._src} />
 					) : (
 						<span aria-hidden="true" class="initials">
-							{formatLabelAsInitials(this.state._label)}
+							{formatLabelAsInitials(this.state._label.trim())}
 						</span>
 					)}
 				</div>

diff --git a/packages/samples/react/src/components/avatar/basic.tsx b/packages/samples/react/src/components/avatar/basic.tsx
@@ -4,7 +4,9 @@ import React, { FC } from 'react';
 export const AvatarBasic: FC = () => (
 	<div className="flex flex-wrap gap-4">
 		<KolAvatar _src="https://www.w3schools.com/howto/img_avatar.png" _label="Elke Mustermann" />
-		<KolAvatar _label="Elke Mustermann" />
+
+		{/* intentional trailing space    👇 - it's supposed to be trimmed */}
+		<KolAvatar _label="Elke Mustermann " />
 		<KolAvatar _label="Marianne" />
 	</div>
 );