Example: REST API

Fetch data from REST API with axios.

"https://echo.hoppscotch.io"

Scroll area with extra small pre text

{
  "endpoint": "https://echo.hoppscotch.io",
  "dataA": {
    "method": "GET",
    "args": {},
    "data": "",
    "headers": {
      "accept": "*/*,image/webp",
      "cdn-loop": "netlify",
      "host": "echo.hoppscotch.io",
      "user-agent": "node-fetch",
      "x-country": "US",
      "x-forwarded-for": "44.208.23.192",
      "x-forwarded-proto": "https",
      "x-nf-account-id": "5e2b91527eb7a24fb0054390",
      "x-nf-client-connection-ip": "44.208.23.192",
      "x-nf-deploy-id": "626b1bc6a7f6c1000902602e",
      "x-nf-geo": "eyJjaXR5IjoiQXNoYnVybiIsImNvdW50cnkiOnsiY29kZSI6IlVTIiwibmFtZSI6IlVuaXRlZCBTdGF0ZXMifSwic3ViZGl2aXNpb24iOnsiY29kZSI6IlZBIiwibmFtZSI6IlZpcmdpbmlhIn0sInRpbWV6b25lIjoiQW1lcmljYS9OZXdfWW9yayIsImxhdGl0dWRlIjozOS4wNDY5LCJsb25naXR1ZGUiOi03Ny40OTAzfQ==",
      "x-nf-request-id": "01J1QZJ9EQQ61W2BC4CV0Q6H3K",
      "x-nf-site-id": "5d797a9d-fe11-4582-8837-9986a4673158"
    },
    "path": "/",
    "isBase64Encoded": true
  },
  "dataB": {
    "method": "GET",
    "args": {},
    "data": "",
    "headers": {
      "accept": "application/json, text/plain, */*,image/webp",
      "cdn-loop": "netlify",
      "host": "echo.hoppscotch.io",
      "user-agent": "axios/0.27.2",
      "x-country": "US",
      "x-forwarded-for": "44.208.23.192",
      "x-forwarded-proto": "https",
      "x-nf-account-id": "5e2b91527eb7a24fb0054390",
      "x-nf-client-connection-ip": "44.208.23.192",
      "x-nf-deploy-id": "626b1bc6a7f6c1000902602e",
      "x-nf-geo": "eyJjaXR5IjoiQXNoYnVybiIsImNvdW50cnkiOnsiY29kZSI6IlVTIiwibmFtZSI6IlVuaXRlZCBTdGF0ZXMifSwic3ViZGl2aXNpb24iOnsiY29kZSI6IlZBIiwibmFtZSI6IlZpcmdpbmlhIn0sInRpbWV6b25lIjoiQW1lcmljYS9OZXdfWW9yayIsImxhdGl0dWRlIjozOS4wNDY5LCJsb25naXR1ZGUiOi03Ny40OTAzfQ==",
      "x-nf-request-id": "01J1QZJ9EVYYT88F8MMS6AXXN6",
      "x-nf-site-id": "5d797a9d-fe11-4582-8837-9986a4673158"
    },
    "path": "/",
    "isBase64Encoded": true
  }
}

Extra large scroll area with medium pre text

{
  "endpoint": "https://echo.hoppscotch.io",
  "dataA": {
    "method": "GET",
    "args": {},
    "data": "",
    "headers": {
      "accept": "*/*,image/webp",
      "cdn-loop": "netlify",
      "host": "echo.hoppscotch.io",
      "user-agent": "node-fetch",
      "x-country": "US",
      "x-forwarded-for": "44.208.23.192",
      "x-forwarded-proto": "https",
      "x-nf-account-id": "5e2b91527eb7a24fb0054390",
      "x-nf-client-connection-ip": "44.208.23.192",
      "x-nf-deploy-id": "626b1bc6a7f6c1000902602e",
      "x-nf-geo": "eyJjaXR5IjoiQXNoYnVybiIsImNvdW50cnkiOnsiY29kZSI6IlVTIiwibmFtZSI6IlVuaXRlZCBTdGF0ZXMifSwic3ViZGl2aXNpb24iOnsiY29kZSI6IlZBIiwibmFtZSI6IlZpcmdpbmlhIn0sInRpbWV6b25lIjoiQW1lcmljYS9OZXdfWW9yayIsImxhdGl0dWRlIjozOS4wNDY5LCJsb25naXR1ZGUiOi03Ny40OTAzfQ==",
      "x-nf-request-id": "01J1QZJ9EQQ61W2BC4CV0Q6H3K",
      "x-nf-site-id": "5d797a9d-fe11-4582-8837-9986a4673158"
    },
    "path": "/",
    "isBase64Encoded": true
  },
  "dataB": {
    "method": "GET",
    "args": {},
    "data": "",
    "headers": {
      "accept": "application/json, text/plain, */*,image/webp",
      "cdn-loop": "netlify",
      "host": "echo.hoppscotch.io",
      "user-agent": "axios/0.27.2",
      "x-country": "US",
      "x-forwarded-for": "44.208.23.192",
      "x-forwarded-proto": "https",
      "x-nf-account-id": "5e2b91527eb7a24fb0054390",
      "x-nf-client-connection-ip": "44.208.23.192",
      "x-nf-deploy-id": "626b1bc6a7f6c1000902602e",
      "x-nf-geo": "eyJjaXR5IjoiQXNoYnVybiIsImNvdW50cnkiOnsiY29kZSI6IlVTIiwibmFtZSI6IlVuaXRlZCBTdGF0ZXMifSwic3ViZGl2aXNpb24iOnsiY29kZSI6IlZBIiwibmFtZSI6IlZpcmdpbmlhIn0sInRpbWV6b25lIjoiQW1lcmljYS9OZXdfWW9yayIsImxhdGl0dWRlIjozOS4wNDY5LCJsb25naXR1ZGUiOi03Ny40OTAzfQ==",
      "x-nf-request-id": "01J1QZJ9EVYYT88F8MMS6AXXN6",
      "x-nf-site-id": "5d797a9d-fe11-4582-8837-9986a4673158"
    },
    "path": "/",
    "isBase64Encoded": true
  }
}