---
title: Link Authentication Element
subtitle: Use the Link Authentication Element to integrate Link.
route: /payments/elements/link-authentication-element
---
# Link Authentication Element
Use the Link Authentication Element to integrate Link.
[Link](https://stripe.com/payments/link) saves and autofills customer payment and shipping information. Customers can use different funding sources to pay with Link, including credit cards, debit cards, and US bank accounts. Learn more at [link.com](https://www.link.com).
Use the [Link Authentication Element](https://stripe.com/js/element/link_authentication_element) to create a single email input field for both email collection and Link authentication.
| Option | Description |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Theme** | Use the dropdown to choose a theme or customize the theme with the [Elements Appearance API](https://stripe.com/elements/appearance-api). |
| **Desktop and mobile size** | Use the dropdown to set the max pixel width of the parent element that the Address Element is mounted to. You can set it to 750px (Desktop) or 320px (Mobile). |
| **Customer location** | Use the dropdown to choose a location for accepting complete addresses. Changing the location localizes the UI language and displays locally relevant payment methods. |
| **Layout** | Use the dropdown to display the element using tabs (displayed horizontally) or accordion (displayed vertically) layouts. |
## Start with examples
To see the Link Authentication Element in action, start with one of these examples:
[Quickstart](https://stripe.com/payments/link/add-link-elements-integration): Code and instructions for accepting a payment and using the Link Authentication Element to integrate Link.
[Clone a sample app on GitHub](https://github.com/stripe-samples/accept-a-payment)
Before you start, you need to [register your domain](https://stripe.com/payments/payment-methods/pmd-registration).
## Create the Link Authentication Element
The following code [creates](https://stripe.com/js/elements_object/create_link_authentication_element) an instance of the Link Authentication Element and [mounts](https://stripe.com/js/element/mount) it to the DOM:
#### HTML + JS
```javascript
// Enable the skeleton loader UI for the optimal loading experience.
const loader = 'auto';
// Create an elements group from the Stripe instance passing in the clientSecret and enabling the loader UI.
const elements = stripe.elements({clientSecret, loader});
// Create an instance of the Link Authentication Element.
const linkAuthenticationElement = elements.create("linkAuthentication");
// Mount the Elements to their corresponding DOM node
linkAuthenticationElement.mount("#link-authentication-element");
paymentElement.mount("#payment-element");
```
#### React
```jsx
import {loadStripe} from "@stripe/stripe-js";
import {
Elements,
LinkAuthenticationElement,
PaymentElement,
} from "@stripe/react-stripe-js";
const stripe = loadStripe('pk_test_TYooMQauvdEDq54NiTphI7jx');
// Enable the skeleton loader UI for the optimal loading experience.
const loader = 'auto';
const CheckoutPage = ({clientSecret}) => (