# Checkout Component arguments

**Components within the Loki Checkout are simply Loki Components, with the exception that their block name starts with `loki-checkout`. Based on that name, a couple of additional tricks are added to the component.**

```xml
<block name="loki-checkout.example-field" template="Loki_FieldComponents::field.phtml">
    <arguments>
        <argument name="foo" xsi:type="string">bar</argument>
    </arguments>
</block>
```

## See also
If the Loki Checkout component is actually an address field component, the component inherits specific properties from that. Otherwise, the component is still either a Loki Field Component or a Loki Component. Because of this, the following references are relevant as well: 

- [Reference - Loki Checkout Address Field arguments](/checkout/dev/reference/address-field-arguments)
- [Reference - Loki Field Component arguments](/components/reference-component-arguments)
- [Reference - Loki Component arguments](/field-components/reference-field-arguments)

## XML layout base arguments
A field block can be supplied with the following XML arguments:

## `html_attributes` (array, default `true`)
You can add custom HTML attributes to the root HTML element of a Loki Checkout component with this argument.

```xml
<block name="yireo-training.example-field">
    <arguments>
        <argument name="html_attributes" xsi:type="array">
            <argument name="x-data" xsi:type="string">LokiExampleComponent</argument>
        </argument>
    </arguments>
</block>
```