rance="outline-fill" scale="l" kind="brand" label="User Name">
              <calcite-avatar
                slot="image"
                scale="l"
                user-id="52e44e112b1f429182515dba79b71eb8"
                username="au"
              ></calcite-avatar>
              User Name
            </calcite-chip>
          </div>
        </div>
      </div>

      <!-- Slotted avatar and icon -->
      <div class="parent">
        <div class="child right-aligned-text">Slotted avatar and icon</div>

 