ftd.text
Usage
To use
ftd.text, simply add it to your fastn document with your desired text
to display.Sample usage
Input
-- ftd.text: hello world
color: $inherited.colors.text
Lang:
ftd
Output
hello world
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.text as
captionInput
-- ftd.text: `fastn` example
color: $inherited.colors.text-strong
Lang:
ftd
Output
fastn exampletext as
headerInput
-- ftd.text:
text: This is an example of how to use ftd.text.
color: $inherited.colors.text-strong
Lang:
ftd
Output
This is an example of how to use ftd.text.
text as
bodyInput
-- ftd.text:
color: $inherited.colors.text-strong
This is a bigger text.
This can span multiple lines.
Lang:
ftd
Output
This is a bigger text.
This can span multiple lines.line-clamp: optional integer
The
line-clamp attribute truncates text at a specific number of lines. It
accepts an integer value and is optional.Sample code using
line-clampInput
-- 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.
Lang:
ftd
Output
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.
