Documentation - Card

Package name:
gsalunke.github.io/green-leaf-card
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
-- fastn.dependency: gsalunke.github.io/green-leaf-card
Lang:
ftd
Sample usage
-- 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
Lang:
ftd

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.
company-name
{
type:
String (optional)
}
It’s used to define the company name for your card component.
title
{
type:
String (optional)
}
It’s used to define the person’s business title for your card component.
phone-no
{
type:
String (optional)
}
It’s used to define the person’s contact number (phone number) for your card component.
email
{
type:
String (optional)
}
It’s used to define the person’s email address for your card component.
address
{
type:
String (optional)
}
It’s used to define the person’s address for your card component.
logo
{
type:
ftd.image-src (optional)
}
It’s used to define the business logo for your card component.
avatar
{
type:
ftd.image-src (optional)
}
It’s used to define the person’s avatar for your card component.
company-slogan
{
type:
String (optional)
}
It’s used to define the company slogan for your card component.
qr-code
{
type:
ftd.image-src (optional)
}
It’s used to define any external qr-code for your card component.
website
{
type:
String (optional)
}
It’s used to define any website for your card component.
Copyright © 2023 - gsalunke