## Create an Element

This method creates an instance of an individual Issuing Element.

It takes the `type` of Element to create as well as an `options` object.

**Syntax:** `elements.create(...)`

#### issuingCardNumberDisplay

- `type` (string) **required**
  The type of Element being created. One of: `issuingCardNumberDisplay`, `issuingCardCvcDisplay`,
`issuingCardExpiryDisplay`, `issuingCardPinDisplay`, or `issuingCardCopyButton`.

- `options` (object) **required**
  Options for creating an Issuing element.

  - `issuingCard` (string)
    ID of the [Issuing card](/api/issuing/cards/object.md) to be displayed in this Element.

  - `ephemeralKeySecret` (string)
    The `secret` component of the ephemeral key created
to display this Element.

  - `nonce` (string)
    The ephemeral key nonce used to create the ephemeral
key provided to this Element.

  - `style` (object)
    Customize the appearance of this Element using CSS properties passed in a [Style](/js/appendix/style.md) object.

### Create a issuingCardNumberDisplay Element

```js
var element = elements.create('issuingCardNumberDisplay', {
  issuingCard: 'ic_1ITi6XKYfU8ZP6raDAXem8ql',
  nonce: 'ephkn_priv_v9QGxPyA1F1VHjB4dpLhHfw4',
  ephemeralKeySecret: 'ek_live_YWNjdF8xSmtzQWtQbUd...',
});
```

```es_next
const element = elements.create('issuingCardNumberDisplay', {
  issuingCard: 'ic_1ITi6XKYfU8ZP6raDAXem8ql',
  nonce: 'ephkn_priv_v9QGxPyA1F1VHjB4dpLhHfw4',
  ephemeralKeySecret: 'ek_live_YWNjdF8xSmtzQWtQbUd...',
});
```

#### issuingCardCvcDisplay

- `type` (string) **required**
  The type of Element being created. One of: `issuingCardNumberDisplay`, `issuingCardCvcDisplay`,
`issuingCardExpiryDisplay`, `issuingCardPinDisplay`, or `issuingCardCopyButton`.

- `options` (object) **required**
  Options for creating an Issuing element.

  - `issuingCard` (string)
    ID of the [Issuing card](/api/issuing/cards/object.md) to be displayed in this Element.

  - `ephemeralKeySecret` (string)
    The `secret` component of the ephemeral key created
to display this Element.

  - `nonce` (string)
    The ephemeral key nonce used to create the ephemeral
key provided to this Element.

  - `style` (object)
    Customize the appearance of this Element using CSS properties passed in a [Style](/js/appendix/style.md) object.

### Create a issuingCardCvcDisplay Element

```js
var element = elements.create('issuingCardCvcDisplay', {
  issuingCard: 'ic_1ITi6XKYfU8ZP6raDAXem8ql',
  nonce: 'ephkn_priv_v9QGxPyA1F1VHjB4dpLhHfw4',
  ephemeralKeySecret: 'ek_live_YWNjdF8xSmtzQWtQbUd...',
});
```

```es_next
const element = elements.create('issuingCardCvcDisplay', {
  issuingCard: 'ic_1ITi6XKYfU8ZP6raDAXem8ql',
  nonce: 'ephkn_priv_v9QGxPyA1F1VHjB4dpLhHfw4',
  ephemeralKeySecret: 'ek_live_YWNjdF8xSmtzQWtQbUd...',
});
```

#### issuingCardExpiryDisplay

- `type` (string) **required**
  The type of Element being created. One of: `issuingCardNumberDisplay`, `issuingCardCvcDisplay`,
`issuingCardExpiryDisplay`, `issuingCardPinDisplay`, or `issuingCardCopyButton`.

- `options` (object) **required**
  Options for creating an Issuing element.

  - `issuingCard` (string)
    ID of the [Issuing card](/api/issuing/cards/object.md) to be displayed in this Element.

  - `ephemeralKeySecret` (string)
    The `secret` component of the ephemeral key created
to display this Element.

  - `nonce` (string)
    The ephemeral key nonce used to create the ephemeral
key provided to this Element.

  - `style` (object)
    Customize the appearance of this Element using CSS properties passed in a [Style](/js/appendix/style.md) object.

### Create a issuingCardExpiryDisplay Element

```js
var element = elements.create('issuingCardExpiryDisplay', {
  issuingCard: 'ic_1ITi6XKYfU8ZP6raDAXem8ql',
  nonce: 'ephkn_priv_v9QGxPyA1F1VHjB4dpLhHfw4',
  ephemeralKeySecret: 'ek_live_YWNjdF8xSmtzQWtQbUd...',
});
```

```es_next
const element = elements.create('issuingCardExpiryDisplay', {
  issuingCard: 'ic_1ITi6XKYfU8ZP6raDAXem8ql',
  nonce: 'ephkn_priv_v9QGxPyA1F1VHjB4dpLhHfw4',
  ephemeralKeySecret: 'ek_live_YWNjdF8xSmtzQWtQbUd...',
});
```

#### issuingCardPinDisplay

- `type` (string) **required**
  The type of Element being created. One of: `issuingCardNumberDisplay`, `issuingCardCvcDisplay`,
`issuingCardExpiryDisplay`, `issuingCardPinDisplay`, or `issuingCardCopyButton`.

- `options` (object) **required**
  Options for creating an Issuing element.

  - `issuingCard` (string)
    ID of the [Issuing card](/api/issuing/cards/object.md) to be displayed in this Element.

  - `ephemeralKeySecret` (string)
    The `secret` component of the ephemeral key created
to display this Element.

  - `nonce` (string)
    The ephemeral key nonce used to create the ephemeral
key provided to this Element.

  - `style` (object)
    Customize the appearance of this Element using CSS properties passed in a [Style](/js/appendix/style.md) object.

### Create a issuingCardPinDisplay Element

```js
var element = elements.create('issuingCardPinDisplay', {
  issuingCard: 'ic_1ITi6XKYfU8ZP6raDAXem8ql',
  nonce: 'ephkn_priv_v9QGxPyA1F1VHjB4dpLhHfw4',
  ephemeralKeySecret: 'ek_live_YWNjdF8xSmtzQWtQbUd...',
});
```

```es_next
const element = elements.create('issuingCardPinDisplay', {
  issuingCard: 'ic_1ITi6XKYfU8ZP6raDAXem8ql',
  nonce: 'ephkn_priv_v9QGxPyA1F1VHjB4dpLhHfw4',
  ephemeralKeySecret: 'ek_live_YWNjdF8xSmtzQWtQbUd...',
});
```

#### issuingCardCopyButton

- `type` (string) **required**
  The type of Element being created. One of: `issuingCardNumberDisplay`, `issuingCardCvcDisplay`,
`issuingCardExpiryDisplay`, `issuingCardPinDisplay`, or `issuingCardCopyButton`.

- `options` (object) **required**
  Options for creating an Issuing element.

  - `toCopy` (string)
    Reference to the type of Issuing card data to copy. One of `number`, `cvc`, `expiry`, or `pin`.

  - `style` (object)
    Customize the appearance of this Element using CSS properties passed in a [Style](/js/appendix/style.md) object.

### Create a issuingCardCopyButton Element

```js
var element = elements.create('issuingCardCopyButton', {
  toCopy: 'number',
});
```

```es_next
const element = elements.create('issuingCardCopyButton', {
  toCopy: 'number',
});
```