This is a card-back component which will render your data as a business card (back-view).
How to use
Add green-leaf-card
dependency into your FASTN.ftd
null
-- fastn.dependency: gsalunke.github.io/green-leaf-card
-- fastn.dependency: gsalunke.github.io/green-leaf-card
-- import: gsalunke.github.io/green-leaf-card
-- green-leaf-card.back:
logo: $assets.files.assets.ipsum-logo.svg
company-slogan: If you can type you can code
-- import: gsalunke.github.io/green-leaf-card
-- green-leaf-card.back:
logo: $assets.files.assets.ipsum-logo.svg
company-slogan: If you can type you can code
Preview
If you can type you can code
Properties:
Below are details of all properties of card-back
component.
name
{
type:
Caption (required
)
}
It’s used to define the person’s name for your card-back component.
It’s used to define the company name for your card-back component.
It’s used to define the person’s business title for your card-back component.
It’s used to define the person’s contact number (phone number) for your card component.
It’s used to define the person’s email address for your card-back component.
It’s used to define the person’s address for your card-back component.
logo
{
type:
ftd.image-src (optional
)
}
logo
type:
ftd.image-src (optional
)
It’s used to define the business logo for your card-back component.
avatar
{
type:
ftd.image-src (optional
)
}
avatar
type:
ftd.image-src (optional
)
It’s used to define the person’s avatar for your card-back component.
It’s used to define the company slogan for your card-back component.
qr-code
{
type:
ftd.image-src (optional
)
}
qr-code
type:
ftd.image-src (optional
)
It’s used to define any external qr-code for your card-back component.
It’s used to define any website for your card-back component.