Ui extensions : <s-select>

Extensions
1

The s-select component always reserves space for a label, even when no label prop is passed. Setting label=“” removes the visible text but the empty space remains

image
image715×153 1.16 KB

Is there any way to remove or override this spacing, or is there a recommended workaround?

Thanks

2

Hey,

a label is required for accessibility reasons to make it easier for users with and without assistive technology to fill out forms.

3

Hi @Robin-Shopify ,

Yes, but here I’d like the label to be outside so that the text is centred inside for UI reasons, like a standard native selector.

Is it possible to add this option? Thanks

4

Hi @Antoine_dev , this is not possible, the components available intentionally match the native UI in Checkout, so there is no way to deviate here.

5

Hi @Kenza_Iraki , yet it works with the ‘s-date-field’ and it’s really handy:

image
image727×100 1.64 KB

It would be really cool if we could do the same thing