Is there an available composable text field that allows user input while also showing a trailing val...

# compose

[Chris Fillmore]

Is there an available composable text field that allows user input while also showing a trailing value? For use cases where the user is entering the user name portion of an email address, or the subdomain in a domain name, and you want to show the trailing domain. Like this:

User can input text on the left of this text field, and "<http://example.com|example.com>" stays visible as the user is typing
________________________________
|<user input here> .<http://example.com|example.com>|
--------------------------------
Alternately the "<http://example.com|example.com>" could be outside the text field:
___________________
|<user input here>| .<http://example.com|example.com>
-------------------

[Chris Sinco [G]]

You may be able to achieve this with BasicTextField, since you have full control there of the position of the text input area relative to its parent container

[Chris Sinco [G]]

The TextField component is designed to the Material spec which doesn’t have this behavior or extensibility

[nglauber]

I think you can achieve this using VisualTransformation

[Chris Fillmore]

Thanks for responding!
I haven’t yet acted on the advice given, but when I loop back to working on this portion of UI, I will take a look.