Skip to content

Instantly share code, notes, and snippets.

@gutengeek
Created June 22, 2020 16:20
Show Gist options
  • Save gutengeek/905891c06ca52d550a7546d137be58bf to your computer and use it in GitHub Desktop.
Save gutengeek/905891c06ca52d550a7546d137be58bf to your computer and use it in GitHub Desktop.
// import via npm
import Components from "@gutengeek/components";
import '@gutengeek/components/build/core.css';
import '@gutengeek/components/build/index.css';
const {
DevicesControl
} = Components;
/**
* GutenBerg dependencies
*/
const {
InspectorControls
} = wp.blockEditor;
const { __ } = wp.i18n;
const {
PanelBody,
} = wp.components;
export default function MyComponent() {
const [ device, setDevice ] = useState( 'desktop' );
return <InspectorControls>
<PanelBody title={ __('My Panel Body') }>
<DevicesControl label={ __( 'Border' ) }
value={ device }
onClick={ ( value ) => setDevice( value ) }/>
</PanelBody>
</InspectorControls>
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment