Quick Implementation

Store Component for React is a set of prebuilt UI components that allows you to easily add or remove stickers to your ID through the download or remove button. You can implement Picker Component by using the following step. This component support both sticker download and remove function.

Before you begin

Make sure you went through all processes in Before You Begin to sign up for stipop dashborad and get API Key, which is reuiqred to complete development of the SDK.

Using Store Component

apikey : Stipop API key for your app.
userId : Unique value for every user to distinguish unique users. The userId can be a string of any format.

React

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import { StoreComponent } from 'stipop-react-sdk'

const App = () => {
  return (
    <StoreComponent 
      params={{
        apikey: 'apikey',
        userId: 'userId',
      }}
      downloadParams={{
        isPurchase: 'N',
      }}
    />
  )
}

export default App

Next.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import dynamic from 'next/dynamic'

const StoreComponent = dynamic(
  () => import('stipop-react-sdk/dist/StoreComponent'),
  {
    ssr: false,
  })
  
const App = () => {
  return (
    <StoreComponent 
      params={{
        apikey: 'apikey',
        userId: 'userId',
      }}
      downloadParams={{
        isPurchase: 'N',
      }}
    />
  )
}

export default App

Was this page helpful?

We’re here to help. Contact us.