Tabs & Accordions
Tabbed content and collapsible sections
Tabs
Show the same thing across languages or platforms:
const acme = new Acme('sk_live_abc123');
const payment = await acme.payments.create({
amount: 2500,
currency: 'usd',
});<Tabs>
<Tab title="Node.js">
Content for the Node.js tab.
</Tab>
<Tab title="Python">
Content for the Python tab.
</Tab>
</Tabs>Accordions
Good for FAQs and optional details:
Sign up at app.acme.com and navigate to Settings → API Keys. You'll get a test key and a live key.
Over 135 currencies. Pass a three-letter ISO code (e.g., usd, eur, gbp) in the currency field.
Yes. Use your sk_test_ key and no real charges are created. Test card number: 4242 4242 4242 4242.
<AccordionGroup>
<Accordion title="Your question here">
The answer.
</Accordion>
</AccordionGroup>