Bling Components
Home
Read more

read-more and it's Usage

-- read-more can be used as part of blog posts, fastn pages, anywhere inside fastn web projects you wish.

read-more and it's Usage

Package Name
fifthtry.github.io/bling

read-more is a new conversation experience with your users via using fastn lang:

To use read-more on your web package, add below dependency into FASTN.ftd file:
-- fastn.dependency: fifthtry.github.io/bling
Once you add above lines into your web package, import read-more into your .ftd files:
-- import: fifthtry.github.io/bling/read-more
default position
Input
-- read-more.read-more: Read more...
link: read-more/

some body or extra text
sample.ftd
Output
Read more:
some body or extra text

position attribute usage:

read-more position attribute:
  • Default position: right align read-more to right of the component
  • position: center align read-more to center of the component
  • position: start align read-more to start of the component
center position
Input
-- read-more.read-more: Read more...
link: read-more/
position: center

some body or extra text
sample.ftd
Output
Read more:
some body or extra text
left position
Input
-- read-more.read-more: Read more...
link: read-more/
position: left

some body or extra text
sample.ftd
Output
Read more:
some body or extra text
Copyright © 2023 - FifthTry
Powered by