Unable to display more than 4 products using Multi select transaction card

Team we are using Multi-select transaction cards to display the product list and noticed that unable to display more than 4 products in one shot.

Use case: Will get the order status from the client API ,need to filter these data based on user-id and display the product order status using transactional card

Attaching the Array format below

 let rec = [
        {
            "accountNumber": "1",
            "additionalInfo": [
                "PLACED"
            ],
            "amount": 95522.81,
            "currency": "THB",
            "id": "NN001",
            "image": "https://cdn.yellowmessenger.com/boXfK6e5d6LK1675079020492.png",
            "time": "2021-04-16T00:09:05.244+00:00",
            "title": "ชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุ่นกชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุ่นก",
            "type": "creditCard"
        },
        {
            "accountNumber": "2",
            "additionalInfo": [
                "PLACED"
            ],
            "amount": 955.81,
            "currency": "THB",
            "id": "NN002",
            "image": "https://cdn.yellowmessenger.com/boXfK6e5d6LK1675079020492.png",
            "time": "2021-04-16T00:09:05.244+00:00",
            "title": "ชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุ่นกชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุ่นก",
            "type": "creditCard"
        },
        {
            "accountNumber": "3",
            "additionalInfo": [
                "ACCEPTED"
            ],
            "amount": 915.81,
            "currency": "THB",
            "id": "NN003",
            "image": "https://cdn.yellowmessenger.com/boXfK6e5d6LK1675079020492.png",
            "time": "2021-04-16T00:09:05.244+00:00",
            "title": "ชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุ่นกชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุ่นก",
            "type": "creditCard"
        },
        // {
        //     "accountNumber": "4",
        //     "additionalInfo": [
        //         "ACCEPTED"
        //     ],
        //     "amount": 95.81,
        //     "currency": "THB",
        //     "id": "NN004",
        //     "image": "https://cdn.yellowmessenger.com/boXfK6e5d6LK1675079020492.png",
        //     "time": "2021-04-16T00:09:05.244+00:00",
        //     "title": "ชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุ่นกชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา รุ่น กันเนอร์เชต สีไม้ยางพาราธรรมชาติ มีโต๊ะ รุ่นก",
        //     "type": "creditCard"
        // },
         {
            "accountNumber": "6",
            "additionalInfo": [
                "ACCEPTED"
            ],
            "amount": 9109.81,
            "currency": "THB",
            "id": "NN007",
            "image": "https://cdn.yellowmessenger.com/boXfK6e5d6LK1675079020492.png",
            "time": "2021-04-16T00:03:05.244+00:00",
            "title": "ชุดโต๊ะทานข้าว (ไม้จริง) ไม้ยางพารา", 
            "type": "creditCard"
        }
    ]

@akshay_bhat Can you please help here

Hi @Likhin_Jain_S_M I tried with the above data, it’s showing me all of 5 data, (after removing // from above).
Attaching a screenshot for the same


@vaibhav.sahu We can have more than 5 options and Max limit is 100, right?

1 Like

Yes, it’s working for @Likhin_Jain_S_M as well

1 Like