#TextInput's rightSection responsiveness

2 messages · Page 1 of 1 (latest)

royal moat
#

I want to make this 'check details' button responsive. I would like to see button to goes next line with full width with input for small screens. How can I make that rightSectionresponsive?

Note: this is inside a modal

<TextInput
  icon={<IconChecks size="1.1rem" stroke={1.5} />}
  size="md"
  rightSection={<Button mr={100}>Check Details</Button>}
  placeholder="check details"
  rightSectionWidth={42}
  value={'lorem test test test'}
/>
image.png
dry schooner
#

Try to use the Button outside textinput and group them it is easier to make it responsive that way.