Skip to content

Avatar

Used to represent a person's identity in a small space.

Table of Contents

  1. Anatomy
  2. Specifications
    1. Properties
  3. Changelog
  4. Examples

Anatomy

  1. Name
  2. Title (optional)
  3. Image (optional)

The image should be a square, as it will be rounded into a circle.

Specifications

Properties

PropertyTypeDescriptionRequiredDefault
namestring Users's name.Yes-
titlestring Users's title.No-
imageinteger WordPress image ID.No-
classstring list of additional classes to apply to main element.No-

Changelog

1.1.0

  • avatar added

Examples

Default

Brian The Traveler
{{ include( 'components/avatar.twig', {
	name: "Brian"
	title: "The Traveler"
	image: "example-user-square.jpg"
} ) }}

No Image

Brian The Traveler
{{ include( 'components/avatar.twig', {
	name: "Brian"
	title: "The Traveler"
} ) }}