compact-text
ds.compact-text is a component with title and body. You can also add child
components(as seen in below example) to ds.compact-textExample:
Input
-- ds.compact-text: Support `fastn`!
-- ds.compact-text.body:
Enjoying `fastn`? Please consider giving us a star ⭐️ on
[GitHub](https://github.com/fastn-stack/fastn) to show your support!
Using `ds.compact-text.inner` property you can add any component inside it,
like below author-bio.
-- ds.compact-text.inner:
-- ds.author-bio:
author: $author.john-doe
-- end: ds.compact-text.inner
-- end: ds.compact-text
Lang:
ftd
Output
Support fastn!
Enjoying fastn? Please consider giving us a star ⭐️ on
GitHub to show your support!
ds.compact-text.inner property you can add any component inside it, like
below author-bio.
John Doe
UX Designer
Company name
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse.
Properties of compact-text component
- title -
type: captionIt’s used to add title to compact-text component. - body -
type: bodyIt’s used to add body content to compact-text component. - inner -
type: ftd.ui listIt’s used to add to child components to compact-text component.
Copyright © 2023 - FifthTry
