# ghostkit/3.3.2/gutenberg/blocks/icon-box/transforms.js

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.3.2. 40 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.3.2/code/gutenberg/blocks/icon-box/transforms.js
- Raw: https://pluginprobe.com/plugins/ghostkit/3.3.2/raw/gutenberg/blocks/icon-box/transforms.js
- Modified: 2024-02-18T18:40:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ghostkit/3.3.2/code/gutenberg/blocks/icon-box/transforms.js#L10-L20`.

```javascript
import { createBlock } from '@wordpress/blocks';

export default {
	from: [
		{
			type: 'block',
			blocks: ['ghostkit/counter-box'],
			transform(attrs, innerBlocks) {
				return createBlock(
					'ghostkit/icon-box',
					{
						iconPosition: attrs.numberPosition,
						iconSize: attrs.numberSize,
						showContent: attrs.showContent,
						iconColor: attrs.numberColor,
						hoverIconColor: attrs.hoverNumberColor,
					},
					innerBlocks
				);
			},
		},
		{
			type: 'block',
			blocks: ['ghostkit/alert'],
			transform(attrs, innerBlocks) {
				return createBlock(
					'ghostkit/icon-box',
					{
						icon: attrs.icon,
						iconSize: attrs.iconSize,
						iconColor: attrs.color,
						hoverIconColor: attrs.hoverColor,
					},
					innerBlocks
				);
			},
		},
	],
};

```