ftd.text
ftd.text
, simply add it to your ftd
document with your desired text to display.-- ftd.text: hello world color: $inherited.colors.text
text: caption or body
This attribute is used to pass text to ftd.text
. You can pass any string value. It is a required attribute.
You have three ways to pass text value to the ftd.text
component.
ftd.text
as caption
, as a text
header
, or as multi-line text in the body
.caption
-- ftd.text: FTD example color: $inherited.colors.text-strong
header
-- ftd.text: text: This is an example of how to use ftd.text. color: $inherited.colors.text-strong
body
-- ftd.text: color: $inherited.colors.text-strong This is a bigger text. This can span multiple lines.
This is a bigger text.
This can span multiple lines.line-clamp: optional integer
line-clamp
attribute truncates text at a specific number of lines. It accepts an integer value and is optional.line-clamp
-- ds.code: `line-clamp` lang: ftd -- ftd.text: border-width.px: 1 padding.px: 5 width.fixed.px: 100 line-clamp: 3 Writing long text can often feel like a tedious and daunting task, especially when faced with a blank page and a blinking cursor. It can be easy to feel overwhelmed by the thought of having to fill page after page with coherent thoughts and ideas. However, there are many reasons why writing long text can be a valuable and rewarding experience.
Have a question or need help?
Visit our GitHub Q&A discussion to get answers and subscribe to it to stay tuned.
Join our Discord channel and share your thoughts, suggestion, question etc.
Connect with our community!We welcome you to join our Discord community today.
We are trying to create the language for human beings and we do not believe it would be possible without your support. We would love to hear from you.