Admonitions
Package Name
fifthtry.github.io/admonitions
The admonitions package(fifthtry.github.io/admonitions). Use FTD custom
admonitions styles for your web pages.
Add this to your FASTN.ftd
-- fastn.dependency: fifthtry.github.io/admonitions as cbox
-- fastn.auto-import: cbox
cbox.note Basic usage example
Component Name
-- cbox.note:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.note: Noteworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.note
Output of above example:
🗒️
Noteworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.warning Basic usage example
Component Name
-- cbox.warning:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.warning: Warning Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.warning
Output of above example:
⚠️
Warning Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.tip Basic usage example
Component Name
-- cbox.tip:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.tip: Tip Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.tip
Output of above example:
💡
Tip Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.danger Basic usage example
Component Name
-- cbox.danger:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.danger: Danger Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.danger
Output of above example:
☢️
Danger Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.info Basic usage example
Component Name
-- cbox.info:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.info: Info Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.info
Output of above example:
ℹ️
Info Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.tip with emoji example
Component Name
-- cbox.tip:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.tip: Security Warning
emoji: ⚙️
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.tip
Output of above example:
⚙️
Security Warning
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.text-1 Basic usage example
Component Name
-- cbox.text-1:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.text-1: Textworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.text-1
Output of above example:
Textworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.text-2 Basic usage example
Component Name
-- cbox.text-2:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.text-2: Textworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.text-2
Output of above example:
Textworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.text-3 Basic usage example
Component Name
-- cbox.text-3:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.text-3: Textworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.text-3
Output of above example:
Textworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.text-4 Basic usage example
Component Name
-- cbox.text-4:Use below code snippet to use this admonitions component as cbox.
How to use
-- cbox.text-4: Textworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
-- end: cbox.text-4
Output of above example:
Textworthy Heading
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
cbox.info Basic usage example
Component Name
-- cbox.info:Use below code snippet to use this admonitions component as cbox.
Input
-- cbox.info-tip:
Of all the things possible, this is what you came up with? I am disappointed in
your lack of ingenuity.
Output
INFO
You can use meta query parameter with any of the READ API path if you wish to
disable the metadata of the header.
Copyright © 2023 - FifthTry
