Doodle avatar · Caderno UI

Character variants

happy

calm

curious

thinking

focused

wink

reading

coding

label

string

size

CadDoodleAvatarSize

'md'

variant

CadDoodleAvatarVariant

'happy'

label

string

label

size

CadDoodleAvatarSize

size

yes

variant

CadDoodleAvatarVariant

variant

yes

drawing

The rendered character SVG.

--cad-doodle-avatar-background

Per-instance portrait background.

--cad-doodle-avatar-ink

Per-instance drawing color.

--cad-doodle-avatar-size

Per-instance portrait size.

Decorative by default. Add label only when the face conveys information not already in nearby text. Leave it unlabelled inside Avatar.