Polaris-react: App Icon component

Created on 14 Jan 2019  路  6Comments  路  Source: Shopify/polaris-react

Component name

AppIcon

The Thumbnail component is primarily used to display product thumbnails, but this component has been leveraged to display other images, like app icons in places.

Components dependencies

This component could extend the existing thumbnail component, the difference being that it has no box-shadow (which looks like a light grey border)

"The pattern for apps in Shopify doesn鈥檛 have a border around the icon, following the styling of the app section and embedded apps."

Icebox 鈿楋笍 Development

Most helpful comment

This seems reasonable to me. I like the idea of this being explicitly for app icons, rather than adding a prop to Thumbnail to turn the border on/off. It better aligns the components with their purposes.

All 6 comments

馃憢 Thanks for opening your first issue. A contributor should give feedback soon. If you haven鈥檛 already, please check out the contributing guidelines. You can also join #polaris on the Shopify Partners Slack.

This seems reasonable to me. I like the idea of this being explicitly for app icons, rather than adding a prop to Thumbnail to turn the border on/off. It better aligns the components with their purposes.

I agree, a component for app icons will also give us more flexibility to scale and make modifications based on future requirements. Thanks for starting this @laranoell !

馃憢 How's the progress on this, is it safe to say it's a work in progress? @claudiomunoz

Sorry, I thought this was done. I'm not sure what's pending, as the design have been done for a very long time. See here: https://share.goabstract.com/dabc4b91-351d-45b2-bfb7-293ed8295563
I thought this was an implementation issue?

This issue has been inactive for 180 days and labeled with Icebox. It will be closed in 7 days if there is no further activity.

Was this page helpful?
0 / 5 - 0 ratings