Nowrap text
XD should be able to replicate CSS.
white-space: nowrap;
...is not reproducible on XD currently.
-
Anonymous commented
I think Kenneth is trying to replicate the appearance of a text that is "cut off" due to limited width of the text box.
For e.g.:
Point Text
[A quick brown fox jumps over the lazy dog]Area Text
[A quick brown fox jumps
over the lazy dog]No Wrap Text
[A quick brown fox jumps ov] -
Kenneth Kawamoto commented
@Randy
For example, let's assume I have a form single-line textfield for a URL. If you use Area Text, it will break the URL at somewhere such as *slash* - this is not a no-break text behaviour.
-
@Kenneth Can you explain why this distinction makes a difference? I'm not sure what you are trying to achieve. Please provide an example of how you would like to use this.
Can't you just increase the width of the Area Text element?
-
Kenneth Kawamoto commented
@Randy
Thank you for your reply.
I know Area/Point text but what I am trying to say is this: An Area text set to `nowrap` would not wrap regardless of the width of the Area. This is not the same as Point text, which has no width. In essence I would like to replicate `overflow: hidden;` Hope this makes sense.
-
There are 2 types of Text objects in Adobe XD: Point Text and Area Text.
Using the Text Tool, if you click in canvas, you'll get a Point Text object. If you click and drag a rectangle, you'll get an Area Text object.
See this gif: https://imgur.com/a/9raYAj7
You can convert back and forth using the PI controls.
Point Text is a single line of non-wrapping text (unless you insert a linefeed). Area Text will wrap text to fit width of rectangle.