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.
<block name="loki-checkout.example-field" template="Loki_FieldComponents::field.phtml">
<arguments>
<argument name="foo" xsi:type="string">bar</argument>
</arguments>
</block>
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:
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.
<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>