Component toggle

<ComponentToggle
	icon={icons.paragraph}
	label='Paragraph'
	useComponent={value}
	onChange={(value) => setValue(value)}
>
	<span>Component options go here</span>
</ComponentToggle>

Highlighted props

For the complete list of props, use your IDE's autocomplete functionality.

Hide the use toggle

<ComponentToggle
	icon={icons.paragraph}
	label='Paragraph'
	useComponent={value}
	onChange={(value) => setValue(value)}
	noUseToggle
>
	<span>Component options go here</span>
</ComponentToggle>

Disable expand button

<ComponentToggle
	icon={icons.paragraph}
	label='Paragraph'
	useComponent={value}
	onChange={(value) => setValue(value)}
	expandButtonDisabled
>
	<span>Component options go here</span>
</ComponentToggle>

Styles

<ComponentToggle
	icon={icons.paragraph}
	label='Paragraph'
	useComponent={value}
	onChange={(value) => setValue(value)}
	design='compact'
>
	<span>Component options go here</span>
</ComponentToggle>