# ghostkit/3.3.3/gutenberg/blocks/form/index.js

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.3.3. 49 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.3.3/code/gutenberg/blocks/form/index.js
- Raw: https://pluginprobe.com/plugins/ghostkit/3.3.3/raw/gutenberg/blocks/form/index.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.3/code/gutenberg/blocks/form/index.js#L10-L20`.

```javascript
import { __ } from '@wordpress/i18n';

import getIcon from '../../utils/get-icon';
import metadata from './block.json';
import edit from './edit';
import save from './save';

const { name } = metadata;

export { metadata, name };

export const settings = {
	icon: getIcon('block-form', true),
	ghostkit: {
		previewUrl: 'https://www.ghostkit.io/docs/blocks/form/',
	},
	example: {
		innerBlocks: [
			{
				name: 'ghostkit/form-field-email',
				attributes: {
					required: true,
				},
			},
			{
				name: 'ghostkit/form-field-text',
				attributes: {
					required: true,
					nameFields: 'first-last',
					description: __('First', 'ghostkit'),
					descriptionLast: __('Last', 'ghostkit'),
				},
			},
			{
				name: 'ghostkit/form-field-textarea',
				attributes: {
					label: __('Message', 'ghostkit'),
					placeholder: __('Write your message here…', 'ghostkit'),
				},
			},
			{
				name: 'ghostkit/form-submit-button',
			},
		],
	},
	edit,
	save,
};

```