Limio
WebsiteHelp Desk
  • Home
  • Custom Components
    • Getting Started with Custom Components
    • Connecting External CI
    • Development Guidelines
    • Prop Types
    • Custom subcomponents
    • Connecting to External Service
  • Limio SDK
    • Getting Started with Limio SDK
    • Basket (Cart), Promo Code
    • Page, Offer, and Add-On
    • User, Subscription, Invoice & Address
    • Advanced Methods
      • Express Checkout
      • Core Utilities and Helpers
  • API Docs
    • Authentication Schemes
      • OAuth Bearer Token
      • API Key (Catalog API-only)
    • Catalog API
    • Promo Codes API
    • Order API
    • Objects API
    • Shop Build & Publish API
    • External Identities API
  • Webhooks
    • Using Webhooks
    • Webhooks Overview
  • I want to...
    • Retrieve abandoned baskets
    • Enable self-service on a CPQ order
Powered by GitBook
On this page

Was this helpful?

  1. Custom Components

Custom subcomponents

How to customise your checkout further

PreviousProp TypesNextConnecting to External Service

Last updated 3 months ago

Was this helpful?

From Release 102, it is now possible to create custom subcomponents. A subcomponent is one that is intended to be used as part of the . This enables new workflows and means even more customisation is possible when developing a checkout flow.

Whether it's inserting custom fields to collect user information, displaying information, or validating an input via an or the , it is now possible to deliver that easily with just one small change.

In order to add a custom subcomponent, in your package.json file, simply add the isCustomSubcomponent: true flag.

{
  "name": "headings",
  "version": "1.0.0",
  "description": "A custom subcomponent",
  "main": "./index.js",
  "isCustomSubcomponent": true,
  "author": "",
  "dependencies": {
    ...
  },
  "limioProps": [
    ...
  ]
}

Once your changes have been pushed and the component has been built, you should then be able to see your new custom subcomponent when managing a Form component on a page.

Limio Form component
External Service
Limio SDK
Custom subcomponent available in the Form Subcomponent manager