Text input of multiple parts

[atumas-bananamilk]

Can we have something like this out of the box for Text input?
The localhost:3000 part is a part of the Text input.

[rtivital]

You can add right section to all inputs with rightSection prop.

[atumas-bananamilk]

Solution (lots of custom code):

<TextInput
  placeholder='Email address'
  label='Email address'
  className='w-[320px]'
  classNames={{
    section: 'overflow-hidden'
  }}
  rightSectionWidth={140}
  rightSection={(
    <div className="flex justify-center items-center h-full w-full bg-gray-0">
      localhost:3000
    </div>
  )}
/>

UI: