Hi team,
In the new POS version (v10), all Stack/List UI components from the POS UI Extensions have lost their borders, and there are no available properties to bring them back.This is breaking the design of our UI extensions. We rely on these components to build advanced selectable areas (e.g. <Selectable><Stack>...</Stack></Selectable>) and to work around current component limitations, such as:
- TimeField not supporting “N/A” value
- No outline variant available for buttons
Could you please take a look? This is impacting the UX quite a bit. Thanks!
Hi @nirtayeb!
You’re right that in POS v10, we’ve intentionally removed borders from Stack/List UI components as part of our design refresh to create a cleaner, more modern interface.
The Section component still retains a divider, which align with our native UI in POS v10. If you need visual separation, consider using Section components instead.
Without seeing your specific implementation, it’s difficult to provide tailored guidance. Would you be able to share screenshots or code examples of your UI extensions that are being affected? This would help us better understand your use case and provide more specific recommendations.
Please feel free to share more details so we can help you adapt your extensions to the new POS design language.
Hi @Rune-Shopify, i shared some screenshots with @Brian_Edwards over DM.
Section component seems also to lost their borders
@Rune-Shopify @Brian_Edwards Hi guys, any update?
all the time pickers and the break picker should have borders originally
Hi there, I am not familiar with how you originally set this up in your code, but borders have generally been removed from POS, which includes from POS UI Extensions with our updated visual design language.
I believe @Brian_Edwards has been in touch with you separately.
