Component Showcase

All 14 Configure components, rendered live. Click any card to see full docs, props, and code examples.

Production Integration

These components are internal to Configure-owned hosted surfaces. For production browser integration, use the hosted iframe script at https://configure.dev/js/configure.js — see Getting Started. Methods like Configure.auth(), Configure.connections(), and others mount these components inside secure cross-origin iframes automatically.

Auth

<configure-phone-input>Phone entry with searchable country picker

<configure-otp-input>6-digit verification code

<configure-profile-editor>Data access review with field-level control

Connections

<configure-connection-list>Multi-tool connection interface

<configure-connection-row>Single tool connection row

<configure-single-connector>Inline single-tool connector

Memory & Export

<configure-memory-card>Expandable memory list

<configure-export-button>AI provider export button

configure-memory-import is a multi-step flow.
Click to see it on the Memory page.

<configure-memory-import>Full memory import flow

<configure-export-prompt>Prompt with copy button

Actions

<configure-tool-approval>Action approval card

<configure-confirmation>Confirmation dialog