Overview

This package provides a set of React components for embedding Pinpoint cards

Installing

npm i @pinpt/cards-react

Usage

Profile Cards

import { Profile } from '@pinpt/cards-react';

<Profile
	profile_id={user.profile_id}
/>

Props

| Name | Type | Required | Description | | ----- | ----- | ----- | ----- | | className | string | No | A CSS class name to pass down to the iframe. | | frameTitle | string | No | The title of the iframe. | | fullScreen | boolean | No | whether to render the profile fullscreen or as a small card. Defaults to false. | | onReady | (visible?: boolean) => void | No | Callback to call once the profile is done loading. Param visible indicates if the user's profile is made public or not. | | profile_id| string | Yes | the ID of the profile to embed. |