This is a card component which will render your data as a business card (front-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.front: gsalunke
title: Software Developer
email: gsalunke@xyz.com
address: 123 Anywhere, Any City
logo: $assets.files.assets.ipsum-logo.svg
-- import: gsalunke.github.io/green-leaf-card
-- green-leaf-card.front: gsalunke
title: Software Developer
email: gsalunke@xyz.com
address: 123 Anywhere, Any City
logo: $assets.files.assets.ipsum-logo.svg
Preview
John Doe
Software Developer
+123-4567890
123 Anywhere, Any City
Properties:
Below are details of all properties of card
component.
name
{
type:
Caption (required
)
}
It’s used to define the person’s name for your card component.
It’s used to define the company name for your card component.
It’s used to define the person’s business title for your card 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 component.
It’s used to define the person’s address for your card component.
logo
{
type:
ftd.image-src (optional
)
}
logo
type:
ftd.image-src (optional
)
It’s used to define the business logo for your card 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 component.
It’s used to define the company slogan for your card 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 component.
It’s used to define any website for your card component.