bedrock-samples/resource_pack/ui/ui_friendsbutton.json

{
  "namespace": "friendsbutton",

  "friendsdrawer_animated_icon": {
    "type": "image",
    "layer": 2,
    "texture": "textures/ui/friendsbutton/navbar-friends-icon"
  },

  "button@common_buttons.light_content_form_fitting_button": {
    "size": [ "100%c", "100%c" ],
    "$button_content_size_override": [ "100%c", "100%c - 4px" ],
    "$button_content": "friendsbutton.friendsdrawer_button_content"
  },

  "friendsdrawer_button_content": {
    "type": "stack_panel",
    "size": [ "100%c", 24 ],
    "orientation": "horizontal",
    "controls": [
      {
        "icon_wrapper": {
          "type": "panel",
          "size": [ "100%c", "100%c" ],
          "controls": [
            {
              "icon_with_border": {
                "type": "panel",
                "size": [ 18, 18 ],
                "offset": [ -2, 0 ],
                "controls": [
                  {
                    "friendsdrawer_animated_icon@friendsbutton.friendsdrawer_animated_icon": {}
                  },
                  {
                    "border_black@common.focus_border_black": {
                      "layer": 3,
                      "size": [ 18, 18 ]
                    }
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "padding_middle@common.empty_panel": {
          "size": [ 2, "100%" ]
        }
      },
      {
        "vertically_centered_text": {
          "type": "stack_panel",
          "orientation": "vertical",
          "size": [ "100%c", "100%c" ],
          "controls": [
            {
              "top_padding": {
                "type": "panel",
                "size": [ "0px", 4 ]
              }
            },
            {
              "profile_button_label@common_buttons.new_ui_binding_button_label": {
                "layer": 1,
                "$button_text_binding_type": "global",
                "$button_text_size": [ "default", "default" ],
                "$button_text_max_size": [ "default", 20 ],
                "$button_binding_condition": "none",
                "$button_text_grid_collection_name": ""
              }
            }
          ]
        }
      },
      {
        "padding_right@common.empty_panel": {
          "size": [ 6, "100%" ]
        }
      }
    ]
  }

}