How to Show Integration Object result to user in Interface?

In a local variable, call the integration rule and pass the Ri or local variable in which you're storing the user's input. 
Then use that variable to show the result using various Appian objects like Grid, RichText etc. 

As you said I have used local variable and called the integration object and passed the rule input. Now I am getting that result in local variable. Now I have used read only grid inside read-only grid selected the variable and passed local variable to it. But it is not showing the data. I want to show in a proper way that these are the vaccination centers name near by you then vaccine available in that center and availabile slot. I tried but the data is not showing in read only grid as i am new i am facing issue in this please help me 

You have not configured configured columns in your grid. You need to understand how to configure read only grid first. Please go through the link below,

https://docs.appian.com/suite/help/22.1/Paging_Grid_Component.html

in data parameter , pass your integration output.

Hi, you need to configure the fields for the grid properly

a!gridField(
  label: "Read Only Grid",
  labelPosition: "ABOVE",
  data: local!result.result.body, 
  columns: {
    a!gridColumn(
      label: "Center Name", 
      value: proper(fv!row.name)
      )
      }
    )

You need to call the Integration body. Since integration is stored in local!result then to get the body call like local!result.result.body

If any further issues, let us know

See I have done as you said but not getting it please help me. I am pasting the code here tell me where do i need to change

a!localVariables(
local!result: rule!CVMS_vaccinationCenter_INT(district_id: ri!district_id,date: ri!date),

a!formLayout(
label: "Form",
contents: {
a!textField(
label: "Enter Your District Id",
labelPosition: "ABOVE",
value: ri!district_id,
saveInto: ri!district_id,
refreshAfter: "UNFOCUS",
required: true,
validations: {}
),
a!textField(
label: "Enter The Date for which want to check availability",
labelPosition: "ABOVE",
placeholder: "DD-MM-YYYY",
value: ri!date,
saveInto: ri!date,
refreshAfter: "UNFOCUS",
required: true,
validations: {}
),
a!gridField(
label: "Read-only Grid",
labelPosition: "ABOVE",
data: local!result.result.body,
columns: {
a!gridColumn(
label: "Center Name",
value: proper(fv!row.name)
)
},
pageSize: null,
pagingSaveInto: local!result,
validations: {}
)
},
buttons: a!buttonLayout(
primaryButtons: {
a!buttonWidget(
label: "Submit",
submit: true,
style: "PRIMARY",
loadingIndicator: true
)
},
secondaryButtons: {
a!buttonWidget(
label: "Cancel",
value: true,
saveInto: {},
submit: true,
style: "NORMAL",
validate: false
)
}
)
))

Hi, the body of your integration call is enveloped with another parameter "sessions". To refer to any value use fv!row.sessions.fieldName

a!localVariables(
  local!integrationCall: rule!MMP_covidData(district_id: ri!district_id, date: ri!date),
  a!formLayout(
  label: "Form",
  contents: {
    a!sectionLayout(
      contents: {
        a!textField(
          label: "District",
          labelPosition: "ABOVE",
          value: ri!district_id,
          saveInto: ri!district_id,
          refreshAfter: "UNFOCUS",
          validations: {}
        )
      }
    ),
    a!textField(
      label: "Date",
      labelPosition: "ABOVE",
      value: ri!date,
      saveInto: ri!date,
      refreshAfter: "UNFOCUS",
      validations: {}
    ),
    a!sectionLayout(
      label: "",
      contents: {
        a!gridField(
          label: "Read-only Grid",
          labelPosition: "ABOVE",
          data: local!integrationCall.result.body,
          columns: {
            a!gridColumn(
              label: "Center Name",
              value: fv!row.sessions.name
            ),
            a!gridColumn(
              label: "District Name",
              value: fv!row.sessions.district_name
            )
          },
          validations: {}
        )
      }
    )
  },
  buttons: a!buttonLayout(
    primaryButtons: {
      a!buttonWidget(
        label: "Submit",
        submit: true,
        style: "PRIMARY"
      )
    },
    secondaryButtons: {
      a!buttonWidget(
        label: "Cancel",
        value: true,
        saveInto: ri!cancel,
        submit: true,
        style: "NORMAL",
        validate: false
      )
    }
  )
)
)

You can refer to this code, I have used different Integration name so please don't get confused.

Please refer the gridColumn part

Thank You So Much Brother. It worked now these names are coming together can how to show them in row. So I can give proper information in row this is the vaccination center, vaccine type, available slot and fee. So user get proper idea. Can you please help me in that