Add Storybook story for BlockFullHeightAlignmentControl

packages/block-editor/src/components/block-full-height-alignment-control/stories/index.story.js

@@ -0,0 +1,54 @@
+/**
+ * WordPress dependencies
+ */
+import { registerCoreBlocks } from '@wordpress/block-library';
+
+/**
+ * Internal dependencies
+ */
+import BlockFullHeightAlignmentControl from '../';
+
+/**
+ * Registers core blocks for demonstration purposes.
+ */
+registerCoreBlocks();
+
+/**
+ * BlockFullHeightAlignmentControl component renders a toolbar button for toggling full height alignment.
+ */
+const meta = {
+	title: 'BlockEditor/BlockFullHeightAlignmentControl',
+	component: BlockFullHeightAlignmentControl,
+	parameters: {
+		docs: { canvas: { sourceState: 'shown' } },
+	},
+	argTypes: {
+		isActive: {
+			control: 'boolean',
+			description: 'Whether the full height alignment is active.',
+		},
+		label: {
+			control: 'text',
+			description: 'Label for the button in the toolbar.',
+		},
+		onToggle: {
+			action: 'onToggle',
+			description:
+				'Callback function to toggle the active state of the button.',
+		},
+		isDisabled: {
+			control: 'boolean',
+			description: 'Whether the button is disabled.',
+		},
+	},
+};
+export default meta;
+
+/**
+ * Default story showing BlockFullHeightAlignmentControl with active state.
+ */
+export const Default = {
+	args: {
+		isActive: true,
+	},
+};