---
title: List Components
slug: tp-api/list-components
docTags: 
createdAt: 2023-12-26T14:37:58.070Z
---

{
  "id": "24sM8ZKhzCv4Z0QvVd1H2",
  "type": "api-oas-v2",
  "data": {
    "method": "GET",
    "url": "{{url}}/api/portal/external/components",
    "servers": [
      {
        "url": "{{url}}/api/portal/external/components",
        "description": "Development environment"
      }
    ],
    "name": "List Components",
    "description": "This API lists the available components in the system.",
    "contentType": "application/json",
    "request": {
      "pathParameters": [],
      "headerParameters": [],
      "queryParameters": [],
      "bodyDataParameters": [],
      "formDataParameters": [],
      "oAuthParameters": [
        {
          "id": "cookieAuth",
          "name": "SESSION",
          "kind": "optional",
          "type": "apiKey",
          "in": "cookie"
        },
        {
          "id": "tokenAuth",
          "name": "X-XSRF-TOKEN",
          "kind": "optional",
          "type": "apiKey",
          "in": "header"
        }
      ]
    },
    "responses": [
      {
        "statusCode": "200",
        "description": "OK",
        "jsonExample": "",
        "isExpanded": true
      }
    ],
    "examples": {
      "languages": [
        {
          "id": "WDv7t7-dYXdTvgnclKAo9",
          "language": "curl",
          "label": "cURL",
          "code": "curl --request GET \\\n     --url {{url}}/api/portal/external/components \\\n     --header 'accept: application/json'"
        },
        {
          "id": "uFsYzDnAWciQFcvWYuZOA",
          "language": "javascript",
          "label": "javascript",
          "code": "var myHeaders = new Headers();\nmyHeaders.append(\"accept\", \"application/json\");\nmyHeaders.append(\"content-type\", \"application/json\");\n\nvar requestOptions = {\n   method: 'GET',\n   headers: myHeaders,\n   redirect: 'follow'\n};\n\nfetch(\"{{url}}/api/portal/external/components\", requestOptions)\n   .then(response => response.text())\n   .then(result => console.log(result))\n   .catch(error => console.log('error', error));"
        },
        {
          "id": "gYqZEvcygXIrJp2GiPqxs",
          "language": "ruby",
          "label": "Ruby",
          "code": "require \"uri\"\nrequire \"json\"\nrequire \"net/http\"\n\nurl = URI(\"{{url}}/api/portal/external/components\")\n\nhttp = Net::HTTP.new(url.host, url.port);\nrequest = Net::HTTP::Get.new(url)\nrequest[\"accept\"] = \"application/json\"\nrequest[\"content-type\"] = \"application/json\"\n\nresponse = http.request(request)\nputs response.read_body\n"
        },
        {
          "id": "duOdPnN5ZgVbMhe4x9JaJ",
          "language": "python",
          "label": "Python",
          "code": "import requests\nimport json\n\nurl = \"{{url}}/api/portal/external/components\"\n\npayload = {}\nheaders = {\n   'accept': 'application/json',\n   'content-type': 'application/json'\n}\n\nresponse = requests.request(\"GET\", url, headers=headers, data=payload)\n\nprint(response.text)\n"
        }
      ],
      "selectedLanguageId": "WDv7t7-dYXdTvgnclKAo9"
    },
    "results": {
      "languages": [
        {
          "id": "IG3eiKB5da8MI_BQYmpQ8",
          "language": "200",
          "code": "// OK\n"
        }
      ],
      "selectedLanguageId": "IG3eiKB5da8MI_BQYmpQ8"
    }
  },
  "children": [
    {
      "id": "PYQLzpG5JQEgeoWdzG7V3",
      "type": "paragraph",
      "children": [
        {
          "text": "This API lists the available components in the system.",
          "id": "e5_F6OU9ndWIyWiyb3FQS"
        }
      ]
    }
  ]
}