gutenberg-post-picker

0.3.0 • Public • Published

PostPicker

A simple Post Picker Component build with the core gutenberg components. This component does not include any build files and does not bundle the WordPress components. Therefore this needs to be used in an environemt where the Dependency Extraction Webpack Plugin is used and the import { component } from '@wordpress/package'; is supported.

Usage

import { PostPicker } from 'gutenberg-post-picker';
 
function MyComponent( props ) {
 
    return (
        <PostPicker
            onPostSelect={ console.log }
            label={ "Please select a Post or Page:" }
            postTypes={ [ 'posts', 'pages' ] }
        />
    )
}

Props

Name Type Default Description
onPostSelect function undefined Callback function that gets called with the post object upon selection
label string '' Renders a label for the Search Field.
placeholder string '' Renders placeholder text inside the Search Field.
postTypes array [ 'posts', 'pages' ] Names of the post types that should get searched

The postTypes will get used like this:

wp.apiFetch( {
    path: `/wp/v2/${postType}?search=${searchTerm}`
} )

Package Sidebar

Install

npm i gutenberg-post-picker

Weekly Downloads

17

Version

0.3.0

License

GPL-3.0-or-later

Unpacked Size

43.2 kB

Total Files

5

Last publish

Collaborators

  • fabiankaegy