Hey, I’m trying make an input box and a button with icon on the same line (e.g the user will be input a barcode and there is icon button of barcode scanner, so they can use that if they don’t want to input it manually, normally in Polaris this is simply a TextField with connectedRight of Button and icon inside it), e.g
I tried this
<Stack direction="inline" gap="400">
<Box inlineSize="80%">
<TextField
label="Barcode"
value={value}
onChange={onChange}
/>
</Box>
<Box inlineSize="auto">
<Button
onPress={onScanRequest}
type="plain"
title="Scan Barcode"
>
<Icon name="scan-barcode" size="major" />
</Button>
</Box>
</Stack>
and many other method e.g remove the title for the button (if there is no title for button, the button is empty - it still there though) etc, but none of it works, looking at the documentation for both POS UI Button and Icon, it seems impossible to accomplish what I want to do.
Just wondering if anyone know how to do this simple thing?
