Bling Components
Home
GitHub
Home
Person Card
Badge
Message
Person Card
Tip
Detail
Note
Emoji-list
Sidenote
Quotes
The End Mark
Holder
Divider
Dropdown
Read more

person and it’s Usage

Person component can be used as part of any component and are available in below formats:

person

Package Name
fifthtry.github.io/bling
Create a single person card OR person cards list using your excel sheet data.
-- fastn.dependency: fifthtry.github.io/bling
-- fastn.auto-import: bling/person as person

Below is example of persona-list.

Once you add above lines into your web package, add persona-list into your .ftd files:
Create a list of persons using below list format:

-- person.person list persons-data:

-- persons-data: Amit Upadhyay
profile: CEO, FifthTry Pvt. Ltd.
avatar: $assets.files.static.amitu.jpg
email: amitu@fifthtry.com
phone: +91 1234123412
address: 66737 Reinke Park, Banglore - 560068

Sunglass(1, 2, 3), Dare to be scared book 😜, codename game, Bharat game, Chai
Garam game

-- persons-data: Ganesh Salunke
profile: Senior Frontend Manager
avatar: $assets.files.static.ganeshs.jpg
email: ganesh@fifthtry.com
phone: +91 222123412
address: 6 Spenser Drive, Banglore - 560068

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut.

-- person.persona-list:
persons: $persons-data
Output of above:
Amit Upadhyay
CEO, FifthTry Pvt. Ltd.
amitu@fifthtry.com
+91 1234123412
🏠
Sunglass(1, 2, 3), Dare to be scared book 😜, codename game, Bharat game, Chai Garam game
Ganesh Salunke
Senior Frontend Manager
ganesh@fifthtry.com
+91 222123412
🏠
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

Below is example of persona-card.

Once you add above lines into your web package, add persona-list into your .ftd files:
-- person.persona-card: Amit Upadhyay
profile: CEO, FifthTry Pvt. Ltd.
avatar: $assets.files.static.amitu.jpg
email: amitu@fifthtry.com
phone: +91 1234123412
address: 66737 Reinke Park, Banglore - 560068

Sunglass(1, 2, 3), Dare to be scared book 😜, codename game, Bharat game, Chai
Garam game
Output of above:
Amit Upadhyay
CEO, FifthTry Pvt. Ltd.
amitu@fifthtry.com
+91 1234123412
🏠
Sunglass(1, 2, 3), Dare to be scared book 😜, codename game, Bharat game, Chai Garam game
Copyright © 2023 - FifthTry
Powered by