component | Use your own integration UI
The <CredentialForm /> component lets you collect authentication credentials for a specific connector—without enforcing any particular layout or surrounding UI. This gives you the flexibility to design your own integration cards or custom user experience while still handling secure credential capture.
Unlike the CredentialManager component, <CredentialForm /> renders only the input fields required for the selected connector. No additional DOM elements, wrappers, or cards are included—making it easy to drop directly into your own UI.
Usage example
function Rollout() {
return (
<CredentialForm appKey="lofty" />
);
}Use <CredentialForm /> when you want full control over the surrounding layout and styling of your integration flows, but still need a secure and consistent way to collect user credentials for any supported connector.
Example of what the component looks like:
