All Product ->
Home
Person Card
Person List Card
Repo Card
User Card
Tweet Card
Whiten

Cards and it’s Usage

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

cards

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

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-list.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-list.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.