Remove text field

Hi Narmada,
As per my understanding, your question is like, click on the button, text component has to hide right ? if it is correct follow the code

a!formLayout(
contents: {
a!textField(
label: "textfiled",
showWhen: not(
ri!value = true()
)
)
},
buttons: a!buttonLayout(
secondaryButtons: a!buttonWidget(
label: "submit",
saveInto: ri!value,
value: true()
)
)
)
let me know if you have different scenario.

Thank you my problem solved

Can you please share the code if it is okay?

a!formLayout(
contents: {
a!textField(
label: "textfiled",
showWhen: not(
ri!value = true()
)
)
},
buttons: a!buttonLayout(
secondaryButtons: a!buttonWidget(
label: "submit",
saveInto: ri!value,
value: true()
)
)
)

instead this use,
load(
local!toHide:true,
local!buttonVal,
a!formLayout(
contents:{
a!textField(
label:"First Name",
showWhen:if(local!toHide=true,true,false)
),
a!buttonLayout(
primaryButtons:{
a!buttonWidget(
label:"Submit",
value:true,
saveInto:{
local!buttonVal,
a!save(
local!toHide,
false
)
}
)
}
)
}
)
)

instead this use,
load(
local!toHide:true,
local!buttonVal,
a!formLayout(
contents:{
a!textField(
label:"First Name",
showWhen:if(local!toHide=true,true,false)
),
a!buttonLayout(
primaryButtons:{
a!buttonWidget(
label:"Submit",
value:true,
saveInto:{
local!buttonVal,
a!save(
local!toHide,
false
)
}
)
}
)
}
)
)

Yup, Totally Agree, you cannot remove a it but instead can hide it.