Pinpoint Cards for React
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. |