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

# A faster checkout

> What the SDK's built-in form does for your shoppers, out of the box.

The SDK renders one built-in form: card number, expiration date, security code, and cardholder name, plus customer and address fields when the payment method needs them. Everything on this page comes with it out of the box: no configuration, no extra code.

## Unfold the forms

Configure our unfolded forms and each method's form shows up already
open inside the payment methods list, so shoppers enter their details
without an extra tap. You enable it from the **Checkout Builder** in
your [Yuno Dashboard](https://dashboard.y.uno/), no code needed.

<div className="media-showcase media-showcase-narrow">
  <img src="https://mintcdn.com/yuno-3979e326/wcaoTPfNIXrvnpRG/images/yuno-sdk/form-behavior/unfolded.gif?s=0803de018ffafe36a120fbe12dcf2e04" alt="The list with forms unfolded" width="348" height="546" data-path="images/yuno-sdk/form-behavior/unfolded.gif" />

  <p>Unfolded: the form is already open, shoppers just type.</p>
</div>

## This is what our form looks like

One design, rendered natively on every platform.

<Tabs>
  <Tab title="Card">
    <div className="media-showcase">
      <img src="https://mintcdn.com/yuno-3979e326/wcaoTPfNIXrvnpRG/images/yuno-sdk/form-behavior/form-card.png?fit=max&auto=format&n=wcaoTPfNIXrvnpRG&q=85&s=4a4a0007648a9683e2abda72b9954b95" alt="Built-in card form" width="1178" height="800" data-path="images/yuno-sdk/form-behavior/form-card.png" />
    </div>
  </Tab>

  <Tab title="Alternative payment methods">
    <div className="media-showcase">
      <img src="https://mintcdn.com/yuno-3979e326/wcaoTPfNIXrvnpRG/images/yuno-sdk/form-behavior/form-apm.png?fit=max&auto=format&n=wcaoTPfNIXrvnpRG&q=85&s=4be6348ad92c006fc91fb03cccbf8e67" alt="Built-in form for alternative payment methods" width="586" height="578" data-path="images/yuno-sdk/form-behavior/form-apm.png" />

      <p>The APM form: the customer details the method requires, nothing more.</p>
    </div>
  </Tab>
</Tabs>

<Note>
  How many fields the form shows depends on the payment method's provider
  and on any extra information you choose to require. You configure both
  from the **Checkout Builder** in your [Yuno Dashboard](https://dashboard.y.uno/).
</Note>

## The cursor moves for you

Shoppers just type. As each field completes, focus jumps to the next one, with no tapping between fields. The card number is formatted and the brand detected as they type.

<div className="media-showcase">
  <img src="https://mintcdn.com/yuno-3979e326/wcaoTPfNIXrvnpRG/images/yuno-sdk/form-behavior/auto-advance.gif?s=5150fb4a0800e1afd7d762b196236500" alt="Auto-advance between card fields" width="386" height="250" data-path="images/yuno-sdk/form-behavior/auto-advance.gif" />

  <p>Focus advances on its own: number → expiry → CVV → name.</p>
</div>

## Addresses fill themselves

Cards saved on the device fill in with a tap. On iOS and Android, when the shopper types their postal code, the SDK completes the street, city, and state for them. On Web, address autofill depends on the address autofill setting of your account. With it on, the address form offers address search and, for Brazil, completes the address from the postal code. With it off, the shopper types the address fields.

<div className="media-showcase media-showcase-narrow">
  <img src="https://mintcdn.com/yuno-3979e326/wcaoTPfNIXrvnpRG/images/yuno-sdk/form-behavior/address-autofill.gif?s=142cbab1143318ca79b9d463d5c7bad0" alt="Postal-code address autofill" width="556" height="816" data-path="images/yuno-sdk/form-behavior/address-autofill.gif" />

  <p>Type a postal code and the SDK fills in the rest.</p>
</div>

## Related

* [Show a method list](/docs/yuno-sdk/features/payment-methods-list). The pre-built payment methods list, express buttons included.
* [Style the checkout](/docs/yuno-sdk/features/styling). Customize the form's visual appearance.
* [TransactionConfig](/docs/yuno-sdk/reference/objects-you-pass#transaction-config). Full configuration reference.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.