react-linkedin-profile-badge

Easily add a LinkedIn profile badge widget to your React applications.

Installation

Run npm i react-linkedin-profile-badge OR yarn add react-linkedin-profile-badge

Usage

Using this package is as simple as importing the LinkedInProfileBadge component from the library and passing props from the API. Only the profileId prop is required.

import React from 'react';
import LinkedInProfileBadge from 'react-linkedin-profile-badge';

const App: React.FC = () => {
	return <LinkedInProfileBadge profileId='ikemefunanwankwo' theme='dark' size='large' orientation='horizontal' />
}

export default App;

Props API

The following props can be passed to the LinkedInProfileBadge component, in addition to any HTML div element attributes.

| Prop | Required | Datatype | Possible Values | Default Value | Description | | ------------ | -------- | -------- | ------------------------ | ------------- | ----------------- | | profileId | Yes | string | | None | Your LinkedIn profile ID, as identified by xxxx in the URL https://www.linkedin.com/in/xxxx/ | | theme | No | string | light | dark | light | Widget theme color | | size | No | string | medium | large | medium | Widget size | | orientation | No | string | vertical | horizontal | vertical | Widget orientation type | | version | No | string | v1 | v1 | LinkedIn profile badge API version | | locale | No | string | en_US | en_GB | en_US | LinkedIn profile badge API localization | | showLink | No | boolean | true | false | false | Show anchor link to LinkedIn profile below the badge | | linkText | No | string | | null | Link text to show if showLink is enabled |