Bling Components
Tip

Tip and it's usage

tip is a new conversation experience via using FTD lang. tip can be used as part of any component and is available in below formats:

tip

Package Name
fifthtry.github.io/bling
To use tip on your web package, add below lines into FASTN.ftd file:
-- fastn.dependency: fifthtry.github.io/bling as bling
-- fastn.auto-import: bling/tip as tip
Once you add above lines into your web package, add tip into your .ftd files:
Basic usage example code:
-- tip.tip: Cool bots hot tip!

Sed ut perspiciatis unde omnis iste natus err or sit voluptatem accusantium

-- end: tip

Output of above basic example:

Cool bots hot tip!
Sed ut perspiciatis unde omnis iste natus err or sit voluptatem accusantium
Advanced usage example code:
-- tip.tip: Cool bots hot tip !

Sed ut perspiciatis unde omnis iste natus err or sit voluptatem accusantium
dolorem queili le laudantium, totam rem aperiam, eaque lai ipsa quae ab illo
inventore!

-- tf.code: Wow! awesome man!:
lang: ftd

-- ftd.text: Though the code block appears above, can I have some text below it?
color: $inherited.colors.text
role: $inherited.types.copy-regular

-- ftd.text: Though the code block appears above, can I have some text below it?
color: $inherited.colors.text
role: $inherited.types.copy-regular

-- end: tip

Output of above advanced usage example:

Cool bots hot tip !
Sed ut perspiciatis unde omnis iste natus err or sit voluptatem accusantium dolorem queili le laudantium, totam rem aperiam, eaque lai ipsa quae ab illo inventore!
Wow! awesome!:
-- ftd.text: can I have some text below it?
color: $inherited.colors.text
role: $inherited.types.copy-regular
can I have some text below it?
Copyright © 2023 - FifthTry