> ## Documentation Index
> Fetch the complete documentation index at: https://docs.confidolegal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# CodeSandbox

Our Code Sandboxes are short, targeted examples showcasing one piece of the platform. They are meant to be easy to follow references, but by no means, production-ready code.

<Card title="Try it out!" href="https://confido-legal-wave.vercel.app/signup" cta="https://confido-legal-wave.vercel.app" img="https://mintcdn.com/confido/lCdATAQyzqcZ3EaC/images/legal-wave-screenshot.png?fit=max&auto=format&n=lCdATAQyzqcZ3EaC&q=85&s=bad9e2bdf978c08230bb86b525a66a69" width="1747" height="854" data-path="images/legal-wave-screenshot.png">
  We've hosted the Legal Wave application here. Sign up for an account and
  connect a Confido Legal sandbox account to try it out.
</Card>

### Hosted Fields - Card and ACH Form

This example shows how to use a Payment Session to collect a card and ACH payment using Hosted Fields.

<a href="https://codesandbox.io/p/devbox/hosted-fields-payment-intents-44s48l?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clnbs9a9a00083b6fchgj3t95%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clnbs9a9a00033b6ffub36swu%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clnbs9a9a00053b6f941b0gi1%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clnbs9a9a00073b6f3zq98ev9%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B47.466643495723034%252C52.533356504276966%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clnbs9a9a00033b6ffub36swu%2522%253A%257B%2522id%2522%253A%2522clnbs9a9a00033b6ffub36swu%2522%252C%2522activeTabId%2522%253A%2522clnlts19l00af3b6iusasa2ix%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clnbs9a9900023b6fa2dv0vlb%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fpackage.json%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.ts%2522%252C%2522id%2522%253A%2522clnlts19l00af3b6iusasa2ix%2522%252C%2522mode%2522%253A%2522temporary%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%257D%252C%2522clnbs9a9a00073b6f3zq98ev9%2522%253A%257B%2522id%2522%253A%2522clnbs9a9a00073b6f3zq98ev9%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clnbs9a9a00063b6fg1lim7pz%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522start%2522%252C%2522port%2522%253A8080%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clnbs9a9a00063b6fg1lim7pz%2522%257D%252C%2522clnbs9a9a00053b6f941b0gi1%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clnbs9a9a00043b6fk59bj29f%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522start%2522%257D%255D%252C%2522id%2522%253A%2522clnbs9a9a00053b6f941b0gi1%2522%252C%2522activeTabId%2522%253A%2522clnbs9a9a00043b6fk59bj29f%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A13.333333333333329%257D" target="_blank">
  Hosted Fields - Card and ACH Form
</a>