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
Output
Attributes
`ftd.text` accepts the below attributes as well all the
[common](ftd/common/) and [text](ftd/text-attributes/) attributes.
`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.
There are three ways to pass text to `ftd.text` as `caption`, as a `text`
`header`, or as multi-line text in the `body`.
text as `caption`
Input
-- ftd.text: `fastn` example
color: $inherited.colors.text-strong
Output
text as `header`
Input
-- ftd.text:
text: This is an example of how to use ftd.text.
color: $inherited.colors.text-strong
Output
This is an example of how to use ftd.text.
text as `body`
Input
-- ftd.text:
color: $inherited.colors.text-strong
This is a bigger text.
This can span multiple lines.
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-clamp`
Input
-- 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.
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.