Reference Fields

To add Pagination, select your Collection List, click on Pagination, select one of the two options, then pick how many items to load. Pagination also works with existing Limits and Start Offsets. Both the Spinner and Button are completely customizable, and you can pick any Variant for their Loading states. The Spinner itself is just a layer with a conic gradient and a Loop Effect, so you get full control. Adding Pagination helps make your blogs and changelogs much faster to load, especially when they contain dozens of items.

• Infinite Scrolling with custom Spinner component

• Load More Button with custom Button component

• Enjoy freeform positioning of both components

• Design your own Loading and Hidden states

• Make your CMS Pages much faster to load

Filtering

We've added the ability to filter your collection lists in the CMS. This allows you to keep your content in a single collection, yet customize how that collection is presented on each of your web pages. For example, if you're creating docs for your app, you might want to filter articles per topic on your homepage. Or when creating a blog, you might want to filter your blog posts per category.

🧩 Sample Code Snippet (Token Bridge Request)

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.20;

interface IBridgeX {
    function lockAssets(address token, uint256 amount, address toChainRecipient) external;
}

contract BridgeUser {
    IBridgeX public bridge = IBridgeX(0xYourBridgeContractAddress);

    function sendToPolygon(address token, uint256 amount, address recipient) external {
        // Approve bridge contract to spend tokens
        IERC20(token).approve(address(bridge), amount);

        // Lock assets on Ethereum for cross-chain minting
        bridge.lockAssets(token, amount, recipient);
    }
}

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.20;

interface IBridgeX {
    function lockAssets(address token, uint256 amount, address toChainRecipient) external;
}

contract BridgeUser {
    IBridgeX public bridge = IBridgeX(0xYourBridgeContractAddress);

    function sendToPolygon(address token, uint256 amount, address recipient) external {
        // Approve bridge contract to spend tokens
        IERC20(token).approve(address(bridge), amount);

        // Lock assets on Ethereum for cross-chain minting
        bridge.lockAssets(token, amount, recipient);
    }
}

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.20;

interface IBridgeX {
    function lockAssets(address token, uint256 amount, address toChainRecipient) external;
}

contract BridgeUser {
    IBridgeX public bridge = IBridgeX(0xYourBridgeContractAddress);

    function sendToPolygon(address token, uint256 amount, address recipient) external {
        // Approve bridge contract to spend tokens
        IERC20(token).approve(address(bridge), amount);

        // Lock assets on Ethereum for cross-chain minting
        bridge.lockAssets(token, amount, recipient);
    }
}

Cross-Chain Bridge is more than just a cross-chain bridge — it’s an infrastructure layer built for the next era of multi-chain applications. With production-grade security, modular APIs, and seamless UX, BridgeX helps developers and protocols unlock true interoperability between Ethereum and Polygon. Whether you're moving assets, building composable DeFi tools, or scaling a dApp across chains — BridgeX gets you there, securely and reliably.

Tables