Add CustomBlockAppender.

[ryanwelcher]

Add the CustomBlockAppender component.

CustomBlockInserter

This component is passed to an InnerBlocks instance to as it's renderAppender to provide a customized button that opens the Block Inserter.

Usage

import { CustomBlockAppender } from '@10up/block-components';
const MyComponent = ({clientId}) => {
	<InnerBlocks
		renderAppender={() => (
			<CustomBlockAppender
				className="accordion-item-appender"
				rootClientId={clientId}
				icon=
				isTertiary
				showTooltip
				label={__('Insert Accordion content', '10up-block-library')}
			/>
		)}
	/>
}

Props

Name	Type	Default	Description
rootClientId	string	''	Client it of the block
buttonText	string	''	Text to display in the button
icon	string	'plus'	Icon to display.
..buttonProps	object	null'	Any other props passed are spread onto the internal Button component.

[fabiankaegy]

I left two minor comments but I'm excited about this one and the code looks good to me 👍

[fabiankaegy]

Should we namescope our classes so they don't interfere with anything?

[ryanwelcher]

@fabiankaegy that's probably a good idea

[ryanwelcher]

@fabiankaegy @tlovett1 I have updated.

[tlovett1]

@ryanwelcher were you able to address the feedback?