UxAvatar

components/ux/Avatar.vue

Circular avatar showing initials derived from a name, with optional pending (dashed border) state.

MT
JS
B
PU
components/ux/Avatar.vue

Usage

<UxAvatar name = "(required)" :pending = "false" size = "reg" />

Props

PropTypeDefaultDescription
nameString(required)Full name (initials are auto-derived)
pendingBooleanfalseShow dashed border for pending state
sizeString'reg''reg' or 'small'

Related