LinkedIn Profile Component

This is a LinkedIn Profile Component built using tailwind css, use this component in the react applications.

Screenshots

For Tablets and above

For mobiles

Installation

Install my-project with npm

 npm i react-linkedin-profile-component

Usage/Examples

 import linkedinComponent from "react-linkedin-profile-component"
 import "react-linkedin-profile-component/dist/index.css"

function App() {
  return (<>
   <div classname="w-2/3"> <linkedinComponent> </div>
   </>)
}

Props

? indicates it is an optional component

bannerImage?: string

profileImage?: string

name: string

inkedInProfileURL?: string

headerDescription: string

connections?: string

mutualsConnectionsNames: string

remainingMutualsNumber: number

aboutDescription?: string

avators?: [{ imageUrl: string; profileUrl: string }]

institutions?: [
  {
    institutionName: string;
    institutionImage: string;
    institutionURL?: string;
  }
]

🔗 Links

Here is the github link of this package

• react-linkedin-profile-component

Tech Stack

Client: React, TailwindCSS

Authors

• @Abdul-Azeez060