Basket Addresses

The <basket-addresses> webcomponent is used to add shipping and billing addresses to your order.

This webcomponent takes an HTMl element with a slot attribute with value of loader. Such slot renders a loader when the webcomponent is fetching all the necessary data.

Attributes

Attribute name	Type	Default	Description
address-mode	consumerOnly or companyOnly or consumerAndCompany	consumerAndCompany	Specific rendering mode for a billing address form. If consumerOnly is selected the billing address form for a consumer will be rendered, if companyOnly is selected the billing address form for a company will be rendered and if consumerAndCompany is selected, both forms with the option to toggle between them will be rendered.

Example

HTML

<basket-addresses class="basket-module">
    <div slot="loader" class="loader p-all-xs-4">
        <div class="loader__spinner"></div>
    </div>
</basket-addresses>

Webcomponents reference

• h-control
• h-radio
• h-checkbox
• control-errors
• h-icon
• address-card
• billing-address-modal
• shipping-address-modal

Styles reference

• Fonts modifiers
• Links
• Icons
• Control
• Buttons