bedrock-samples/resource_pack/ui/ui_iconbutton.json

{
  "namespace": "iconbutton",

  "iconbutton_animated_icon": {
    "type": "image",
    "layer": 2,
    "texture": "$icon_texture"
  },

  "button@common_buttons.light_content_button": {
    "size": [ "100%", "100%c" ],
    "$button_state_panel|default": "common_buttons.new_ui_height_fitting_button_panel",
    "$anchor": "top_left", // Cannot override this or will cause unsolvable layout!
    "$button_offset|default": [ 3, 1 ],
    "$button_pressed_offset|default": [ 3, 2 ],
    "$button_type_panel": "common_buttons.height_fitting_button_content_panel",
    "$button_content": "iconbutton.iconbutton_button_content"
  },

  "iconbutton_button_content": {
    "type": "stack_panel",
    "size": [ "100%", 16 ],
    "orientation": "horizontal",
    "controls": [
      {
        "icon_wrapper": {
          "type": "panel",
          "size": [ "100%c", "100%c" ],
          "controls": [
            {
              "icon_with_border": {
                "type": "panel",
                "size": [ 18, 18 ],
                "offset": [ -3, -2 ],
                "controls": [
                  {
                    "iconbutton_animated_icon@iconbutton.iconbutton_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", 2 ]
              }
            },
            {
              "profile_button_label@common_buttons.new_ui_binding_button_label": {
                "layer": 1,
                "$button_text_binding_type": "$textbutton_binding_type",
                "$button_text_size": [ "default", "default" ],
                "$button_text_max_size": [ "default", 20 ],
                "$button_binding_condition": "none",
                "$button_text_grid_collection_name": ""
              }
            }
          ]
        }
      }
    ]
  }

}