PxInitialsAvatar

Deprecated

This component is a thin wrapper around PxAvatar (it always renders PxAvatar with size="xl", ignoring its own size prop) and only exists for backward compatibility. Prefer using PxAvatar directly.

Renders a circular avatar with initials derived from a full name string. The first and last word each contribute one letter (e.g. "Alice Johnson" → "AJ").

Basic Usage

Demo

AJ

BS

CW

DB

<script setup>
import { PxInitialsAvatar } from 'praxis-vue-ui'
</script>

<template>
  <PxInitialsAvatar name="Alice Johnson" />
</template>

Props

Props

Prop	Type	Default	Description
name	string | null	''	Full name used to generate initials (e.g. 'Alice Johnson' → 'AJ').
size	'normal' | 'large' | 'xlarge'	'xlarge'	Accepted for backward compatibility, but has no effect — the underlying PxAvatar is always rendered at its 'xl' size.
lightOnly	boolean	false	Accepted for backward compatibility, but not used by the current implementation.