← Home

📘 WIDGET_USAGE.md

This document provides examples of how to use the available form widgets provided by the reusable_editor package.

✅ AppCheckbox – Checkbox with label and validation

final agreeCubit = FieldCubit<bool>(validator: RequiredTrueValidator());
AppCheckbox(cubit: agreeCubit, label: 'Agree to Terms');

✅ AppDatePicker – Date selection field

final dateCubit = FieldCubit<DateTime>(validator: RequiredDateValidator());
AppDatePicker(cubit: dateCubit);

✅ AppDropdown – Custom dropdown field

enum Status { active, inactive }
final statusCubit = FieldCubit<Status>(validator: RequiredFieldValidator<Status>());
AppDropdown<Status>(cubit: statusCubit, items: Status.values);

✅ AppFilePicker – File selection widget

final fileCubit = FieldCubit<File>(validator: RequiredFieldValidator<File>());
AppFilePicker(cubit: fileCubit);

✅ AppRadioGroup – Radio button group

final genderCubit = FieldCubit<String>(validator: RequiredStringValidator());
AppRadioGroup<String>(cubit: genderCubit, options: ['Male', 'Female']);

✅ AppRangeSlider – Range slider input

final rangeCubit = FieldCubit<RangeValues>();
AppRangeSlider(cubit: rangeCubit, min: 0, max: 100);

✅ AppSlider – Slider input

final volumeCubit = FieldCubit<double>(initialValue: 50);
AppSlider(cubit: volumeCubit, min: 0, max: 100);

✅ AppSwitch – Toggle switch

final toggleCubit = ToggleCubit(initialValue: false);
AppSwitch(cubit: toggleCubit);

✅ AppTextField – Text input field

final nameCubit = TextFieldCubit(validator: RequiredStringValidator());
AppTextField(cubit: nameCubit, label: 'Name');

✅ AppTextField – Text input field

final nameCubit = TextFieldCubit(validator: RequiredStringValidator());

    AppTextField(
      bloc: nameCubit,
      builder: (context, state) {
        return TextFormField(
          label: 'Name',
          errorMsg: state.errorText,
          textController: nameCubit.controller,
          onChanged: nameCubit.onChanged,
          validator: nameCubit.formFieldValidator,
        );
      },
    );

✅ AppTimePicker – Time selection field

final timeCubit = FieldCubit<TimeOfDay>(validator: RequiredFieldValidator<TimeOfDay>());
AppTimePicker(cubit: timeCubit);