--- title: "Business Card Author" description: "The Business Card Author Component can be used to give Information and Contact Data about the Author of an Article." path: https://www.eonshowroom.eon.com/en/content-elements/businesscard-author.html lastModified: 2024-11-08T10:34:39.712Z --- # Business Card Author # Business Card Author ## Mr. E.ON Martin Luthar Working with E.ON Energy, Germany. Email: abc123@eon.com Phone: +4912345 Facebook: https://facebook.com/eoninovation LinkedIn: https://www.linkedin.com/MarioRossa Instagram: https://instagram.com/eon_se Twitter: https://twitter.com/EON_Sprecher ![Mr. E.ON Martin Luthar](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/Male_Colleague%3A1-1?fmt=webp) [How to Configure](#how-to) ### Description The Business Card Author Component can be used to give Information about the Author of an Article. - Correct Icons for Social Media Links, Phone and Mail Links are coming automatically if it is configured correctly - Alignment to the Text (righ or left) is possible [Check it out on Storybook](https://storybook.web-ui.eon.com/eon/master/?path=/story/content-businesscard-author--interactive) ### Inspirations ## Mrs. E.ON John Doe Working with E.ON Digital Technologies Email: abc123@eon.com Phone: +4912345 Facebook: https://facebook.com/eoninovation LinkedIn: https://www.linkedin.com/MarioRossa Instagram: https://instagram.com/eon_se Twitter: https://twitter.com/EON_Sprecher ![Mr. E.ON John Doe](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/smiling_man_in_bar_checking_on_tablet%3A1-1?fmt=webp) ### This is an Article The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy! ", Alex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. ## Mrs. E.ON Jane Doe Working with E.ON Digital Technologies Email: abc123@eon.com Phone: +4912345 Facebook: https://facebook.com/eoninovation LinkedIn: https://www.linkedin.com/MarioRossa Instagram: https://instagram.com/eon_se Twitter: https://twitter.com/EON_Sprecher ![Mrs. E.ON Jane Doe](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/women_talking_on_phone%3A1-1?fmt=webp) ### Usage Rules & Features ##### Features - Mail, Phone, and Social Media Links are addable as Icons ##### Properties - Image has 1:1 Ratio - Information about the Author can be added: Title, Name, and some additional Information ##### Design - Alignment can be left or right ##### In which Grid Columns does it fit? | Grid Columns | Does it fit? | | --- | --- | | 2 | no | | 3 | yes | | 4 | yes | | 5 | no | | 6 | no | | 8 | no | | 9 | no | | 10 | no | | 12 | no | ##### DO's - Alignment should always correspond to Content - Use it only in 3 or 4 Column Grid ##### DONT's - Do not use it in large Grids like 6, 8, 9, or 12 Column Grid - Do not use it in 2 Column Grid, as it is to small ## Configuration ![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_4-1%3A3-1?fmt=webp-alpha) ![Add an Image](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/bc-author_image%3A3-4?fmt=webp) ### Add an Image The Business Card - Author can only be used with an Image. It needs to be added and adjusted in Image Tab same Way as for normal Image Component. The Image needs to be cropped with 1:1 Ratio and is used for all Viewports. [Read more about Image Component](https://www.eonshowroom.eon.com/en/content-elements/image.html) [Read more about Image Handling](https://www.eonshowroom.eon.com/en/aem-basics/image-handling.html) [Read more about WebP Options](https://www.eonshowroom.eon.com/en/aem-basics/webp-image-options.html) ![Add Card Information](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/bc-author_info%3A1-1?fmt=webp) ### Edit General Information In Card Information Tab, Editor can enter the General Information, like the Title, the Name, and some additional Specification. But only the Name is mandatory. ![Add Links as Contact Data](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/bc_author_data%3A3-4?fmt=webp) ### Add some Contact links Furthermore, Editor can add some Links in Contact Data Tab. For each Link an Icon will be displayed in front of the Link. Possible Links are: - E-Mail - Phone - Facebook - LinkedIn - Twitter - Instagram ![Configure Style](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/bc_author_style%3A1-1?fmt=webp) ### Configure Style In Styling Tab, Editor can choose Alignment. By default, it is left aligned, but center, or right Alignment can also be choosen. Editor can also decide to adjust the Color Scheme. Once selected, Editor has to select on which Background Color the Component is used and then choose a Color Option.