Is there an available composable text field that a...
# composec
Chris Fillmore
09/17/2021, 3:34 PMIs 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:
Copy code
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>
-------------------🧵 1
c
Chris Sinco [G]
09/17/2021, 9:16 PMYou 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]
09/17/2021, 9:17 PMThe TextField component is designed to the Material spec which doesn’t have this behavior or extensibility
n
nglauber
09/19/2021, 4:02 AMI think you can achieve this using
VisualTransformation☝🏽 1
c
Chris Fillmore
09/21/2021, 6:14 PMThanks 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.