@automattic/launchpad

Launchpad

Launchpad is the base component for displaying a checklist in the WordPress.com dashboard. It handles fetching the checklist data and displaying the checklist.

Usage

First, import the Launchpad component:

import { Launchpad } from '@automattic/launchpad'

Then, use it in your code:

function App( { siteSlug, checklistSlug } ) {
    return (
        <Launchpad
            siteSlug={ siteSlug }
            checklistSlug={ checklistSlug } />
    );
}

Props

siteSlug

The site slug of the site to display the checklist for.

checklistSlug

Optional slug of the checklist to display. This is ID of the checklist defined on Jetpack's side. See Jetpack checklist definitions.

We use the @automattic/data-stores package to fetch the checklist data and cache it, through the useLaunchpad query.