List of missing must have web components

Hi there,

After having migrated my app from a custom version of polaris components to the new web components, I’ll drop a list of missing components that are needed to build/migrate apps:

  • Date picker that pops out after clicking the field (like this one)
  • Popover
  • Action list (The link on the components description redirect to the home page instead of the redirecting to the popover component)
  • Tabs
  • size attribute to all the text components

I know that you’ve just released these web components and they’re still in their early stages. I wanted to share this list of needed components to help the staff understand which ones would be most valuable for developers like me who are working on building or migrating apps.

Thanks for your continued work on making these components available, and I look forward to seeing how they evolve!

Thanks for the feedback!

Note that for size, this may not be something we end up exposing. Instead, what we’ve tried to do is always set the correct size for you depending on the context that the component is in.

For example, using s-header inside of s-section should work automatically, and will get smaller the more nested the s-section is inside of other s-sections.

While this may be annoying at first, we hope you can see the benefits as well; when Polaris updates its designs and the Shopify Admin changes looks, your app will automatically update to match these new designs. You don’t have to change anything or migrate or even check your app; it should just work. :crossed_fingers:

However, let us know if there are certain situations where you find that this is too limiting. We won’t promise that we’ll open it up, but we will continue to listen to feedback.

Hi Anthony!

That makes 100% sense. Updating polaris components automatically without having to change anything will be fire!

However, let us know if there are certain situations where you find that this is too limiting.

I needed it because on my app I have a custom sortable list (like the one on Shopify Forms app):

I wasn’t able to match the style of Fields with the style of the other labels, so I had to write some custom css

1 Like

Ah makes sense. I’ll take this feedback to the team and see what we can do here. Thanks again!

1 Like