InspectorControls
component places interface elements in the block sidebar, grouped within PanelBody
components for organization. Import both components from WordPress packages for proper functionality.
Use Fragment
wrapper when combining InspectorControls
with other elements in edit functions, since React components must return single elements rather than adjacent siblings.
Controls like RangeControl
connect to block attributes through value and onChange
props, enabling user interaction while maintaining the separation between preview area and settings interface.