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