Add padding field configurator

example/lib/stage_data/my_other_widget_stage.dart

@@ -3,9 +3,12 @@ import 'package:flutter/material.dart';
 import 'package:widget_stage/widget_stage.dart';
 
 class MyOtherWidgetStageData extends WidgetStageData {
-  MyOtherWidgetStageData() : _text = StringFieldConfigurator(value: 'MyOtherWidget', name: 'text');
+  MyOtherWidgetStageData()
+      : _text = StringFieldConfigurator(value: 'MyOtherWidget', name: 'text'),
+        _padding = PaddingFieldConfiguratorNullable(value: null, name: 'padding');
 
   final StringFieldConfigurator _text;
+  final PaddingFieldConfiguratorNullable _padding;
 
   @override
   String get name => 'MyOtherWidget';
@@ -14,13 +17,15 @@ class MyOtherWidgetStageData extends WidgetStageData {
   Widget widgetBuilder(BuildContext context) {
     return MyOtherWidget(
       text: _text.value,
+      padding: _padding.value,
     );
   }
 
   @override
   List<FieldConfigurator> get fieldConfigurators {
     return [
       _text,
+      _padding,
     ];
   }
 }

example/lib/widgets/my_other_widget.dart

@@ -4,9 +4,11 @@ class MyOtherWidget extends StatelessWidget {
   const MyOtherWidget({
     super.key,
     required this.text,
+    this.padding,
   });
 
   final String text;
+  final EdgeInsetsGeometry? padding;
 
   @override
   Widget build(BuildContext context) {
@@ -15,7 +17,7 @@ class MyOtherWidget extends StatelessWidget {
         border: Border.all(width: 2),
       ),
       child: Padding(
-        padding: const EdgeInsets.all(8.0),
+        padding: padding ?? const EdgeInsets.all(8.0),
         child: Row(
           children: [
             Text(text),

lib/src/field_configurators/field_configurators.dart

@@ -3,4 +3,5 @@ export 'color_field_configurator.dart';
 export 'double_field_configurator.dart';
 export 'enum_field_configurator.dart';
 export 'int_field_configurator.dart';
+export 'padding_field_configurator.dart';
 export 'string_field_configurator.dart';

lib/src/field_configurators/padding_field_configurator.dart

@@ -0,0 +1,177 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:widget_stage/src/field_configurators/field_configurator_widget.dart';
+import 'package:widget_stage/src/widget_stage.dart';
+
+/// Represents a nullable EdgeInsets parameter for a widget on a [WidgetStage].
+class PaddingFieldConfiguratorNullable extends FieldConfigurator<EdgeInsets?> {
+  PaddingFieldConfiguratorNullable({
+    required super.value,
+    required super.name,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return PaddingFieldConfigurationWidget(
+      value: value,
+      updateValue: updateValue,
+    );
+  }
+}
+
+/// Represents an EdgeInsets parameter for a widget on a [WidgetStage].
+class PaddingFieldConfigurator extends FieldConfigurator<EdgeInsets> {
+  PaddingFieldConfigurator({
+    required super.value,
+    required super.name,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return PaddingFieldConfigurationWidget(
+      value: value,
+      updateValue: (value) => updateValue(value ?? EdgeInsets.zero),
+    );
+  }
+}
+
+class PaddingFieldConfigurationWidget extends StatefulConfigurationWidget<EdgeInsets?> {
+  const PaddingFieldConfigurationWidget({
+    super.key,
+    required super.value,
+    required super.updateValue,
+  });
+
+  @override
+  State<PaddingFieldConfigurationWidget> createState() => _PaddingFieldConfigurationWidgetState();
+}
+
+class _PaddingFieldConfigurationWidgetState extends State<PaddingFieldConfigurationWidget> {
+  @override
+  Widget build(BuildContext context) {
+    final padding = widget.value ?? EdgeInsets.zero;
+    return Column(
+      children: [
+        SizedBox(
+          width: 80,
+          child: _PaddingField(
+            value: widget.value?.top,
+            onChanged: (value) {
+              setState(() {
+                final newValue = padding.copyWith(top: value);
+                widget.updateValue(newValue);
+              });
+            },
+            label: 'top',
+          ),
+        ),
+        const SizedBox(height: 8.0),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            SizedBox(
+              width: 60,
+              child: _PaddingField(
+                value: widget.value?.left,
+                onChanged: (value) {
+                  setState(() {
+                    final newValue = padding.copyWith(left: value);
+                    widget.updateValue(newValue);
+                  });
+                },
+                label: 'left',
+              ),
+            ),
+            const SizedBox(width: 8.0),
+            SizedBox(
+              width: 60,
+              child: _PaddingField(
+                value: widget.value?.right,
+                onChanged: (value) {
+                  setState(() {
+                    final newValue = padding.copyWith(right: value);
+                    widget.updateValue(newValue);
+                  });
+                },
+                label: 'right',
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 8.0),
+        SizedBox(
+          width: 80,
+          child: _PaddingField(
+            value: widget.value?.bottom,
+            onChanged: (value) {
+              setState(() {
+                final newValue = padding.copyWith(bottom: value);
+                widget.updateValue(newValue);
+              });
+            },
+            label: 'bottom',
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _PaddingField extends StatefulWidget {
+  const _PaddingField({
+    required this.onChanged,
+    required this.label,
+    required this.value,
+  });
+
+  final String label;
+
+  final double? value;
+  final void Function(double) onChanged;
+
+  @override
+  State<_PaddingField> createState() => _PaddingFieldState();
+}
+
+class _PaddingFieldState extends State<_PaddingField> {
+  late TextEditingController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = TextEditingController(text: widget.value?.toString());
+  }
+
+  @override
+  void didUpdateWidget(covariant _PaddingField oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.value == null && oldWidget.value != null) {
+      setState(() {
+        _controller.clear();
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return TextField(
+      inputFormatters: <TextInputFormatter>[
+        // Allow only digits, dot and 1 decimal
+        FilteringTextInputFormatter.allow(RegExp(r'^\d+\.?\d?')),
+      ],
+      decoration: InputDecoration(
+        labelText: widget.label,
+        isDense: true,
+        border: const OutlineInputBorder(
+          borderRadius: BorderRadius.all(
+            Radius.circular(8),
+          ),
+        ),
+      ),
+      controller: _controller,
+      onChanged: (value) {
+        widget.onChanged.call(double.tryParse(value) ?? 0);
+      },
+    );
+  }
+}