The Business Card Component is a simple and customizable way to display
business card information within your fastn
pacakge. With just a few lines of
code, you can showcase your contact details, company information, even
include a logo and others.
Here's an example of how the Business Card Component might look when rendered:
To use the Business Card Component in your fastn
package, follow these steps:
- Add the Business Card Dependency: Open your
FASTN.ftd
file and add the following line to include the Business Card component:-- fastn.dependency: fastn-community.github.io/midnight-business-card
- Use the Business Card Component: In the file where you want to add
the business card (e.g.,
index.ftd
), you can import the component and use it like this:-- import: fastn-community.github.io/midnight-business-card as b-card -- b-card.card: John Doe title: Software Developer company-name: John Doe Pvt. Ltd. logo: $assets.files.assets.ipsum-logo.svg contact-1: +91 12345 99999 contact-2: +91 12345 88888 email: john@johndoe.com website: www.johndoe.com address: 123, Block No. A-123, Times Square, Bangalore - 123456 company-slogan: If you can type you can code
Feel free to customize the business card by adding, removing, or modifying fields.
title
: The job title or position.company-name
: The name of your company or organization.logo
: The path to your company logo file. Make sure to provide the correct file path.contact-1
: The primary contact number (optional).contact-2
: An alternate contact number (optional).email
: Your email address (optional).website
: The URL of your website (optional).address
: Your physical address or location (optional).company-slogan
: A slogan or tagline for your company (optional).
Feel free to reach out if you have any questions or need further assistance. Happy coding!