Discuss the resource index layout pattern

[johanstromqvist]

Welcome to the resource index layout pattern discussion!

Here are some things you can do here:

💡 Share ideas on how to make this pattern, or its documentation, better.

❓ Ask a specific question about this pattern.

---

Tips before posting:

• Remember Polaris and our discussions are public. If you work for Shopify and have an externally sensitive topic, please reach out in #polaris in Slack
• Please report bugs here
• Contributions are always welcome
• Learn more about Polaris discussions

💜👩‍🚀✌️ the Polaris team

[johanstromqvist]

We might want to link to Empty states in Related resources when we have a pattern page ready for that.

[hitesh-kc]

We are not abled to select product on mobile device on index table filter, is there any solution to select index row on small screen?

[johanstromqvist]

Hi @hitesh-kc! Could you please elaborate on what the problem is? Is this a problem with the component, the layout pattern, or the functionality on the pattern documentation page? Thanks!

[hitesh-kc]

So is the problem with the index filter component, that we are not able to select a row on mobile screen

[johanstromqvist]

Ah, I see. Thanks!

Would you mind creating a component bug report, please?

[chloerice]

Hey @hitesh-kc 👋🏽 The IndexTable React component intentionally does not support bulk action at mobile breakpoints. The experience is best on the native iOS/Android Shopify app when using a mobile device.

[ChielvanderVlist]

I am curious as to how you would distinguish the index table from the source list component. On a UX level, they seem very similar in purpose. So how do you decide to use the index table or the source list?