import 'package:flutter/material.dart';
import 'package:remix/remix.dart';
 
class TextfieldExample extends StatefulWidget {
  const TextfieldExample({super.key});
 
  @override
  State<TextfieldExample> createState() => _TextfieldExampleState();
}
 
class _TextfieldExampleState extends State<TextfieldExample> {
  final controller = TextEditingController();
 
  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: 300,
      child: RemixTextField(
        controller: controller,
        hintText: 'Placeholder',
        label: 'Label',
        helperText: 'Required field',
        style: style,
      ),
    );
  }
 
  RemixTextFieldStyle get style {
    return RemixTextFieldStyle()
        .color(Colors.grey.shade800)
        .backgroundColor(Colors.white)
        .borderRadiusAll(const Radius.circular(8.0))
        .height(44)
        .paddingX(12)
        .spacing(8)
        .label(
          TextStyler()
              .color(Colors.blueGrey.shade900)
              .fontWeight(FontWeight.w500),
        )
        .helperText(
          TextStyler()
              .fontWeight(FontWeight.w300)
              .color(Colors.blueGrey.shade600),
        )
        .hintColor(Colors.blueGrey.shade500)
        .shadow(
          BoxShadowMix()
              .blurRadius(1)
              .color(Colors.black12)
              .offset(const Offset(0, 1)),
        )
        .border(
          BoxBorderMix.all(BorderSideMix(color: Colors.grey.shade300)),
        )
        .onFocused(
          RemixTextFieldStyle().border(
            BoxBorderMix.all(
              BorderSideMix()
                  .color(Colors.deepPurpleAccent)
                  .width(3)
                  .strokeAlign(BorderSide.strokeAlignCenter),
            ),
          ),
        );
  }
}

import 'package:flutter/material.dart';
import 'package:remix/remix.dart';
 
class FortalTextFieldExample extends StatefulWidget {
  const FortalTextFieldExample({super.key});
 
  @override
  State<FortalTextFieldExample> createState() => _FortalTextFieldExampleState();
}
 
class _FortalTextFieldExampleState extends State<FortalTextFieldExample> {
  final controller = TextEditingController();
 
  @override
  Widget build(BuildContext context) {
    return Column(
      spacing: 16,
      children: [
        RemixTextField(
          controller: controller,
          label: 'Email',
          hintText: 'Enter your email',
          style: FortalTextFieldStyle.base(),
        ),
        RemixTextField(
          controller: controller,
          label: 'Password',
          hintText: 'Enter password',
          obscureText: true,
          style: FortalTextFieldStyle.base(),
        ),
      ],
    );
  }
}

const RemixTextField({
  Key? key,
  TextEditingController? controller,
  FocusNode? focusNode,
  String? label,
  String? hintText,
  String? helperText,
  bool error = false,
  TextInputType? keyboardType,
  TextInputAction? textInputAction,
  TextCapitalization textCapitalization = TextCapitalization.none,
  TextDirection? textDirection,
  bool obscureText = false,
  bool enabled = true,
  bool readOnly = false,
  bool autofocus = false,
  int? maxLines = 1,
  int? minLines,
  bool expands = false,
  int? maxLength,
  MaxLengthEnforcement? maxLengthEnforcement,
  ValueChanged<String>? onChanged,
  VoidCallback? onEditingComplete,
  ValueChanged<String>? onSubmitted,
  AppPrivateCommandCallback? onAppPrivateCommand,
  List<TextInputFormatter>? inputFormatters,
  bool? showCursor,
  String obscuringCharacter = '•',
  bool autocorrect = true,
  bool enableSuggestions = true,
  SmartDashesType? smartDashesType,
  SmartQuotesType? smartQuotesType,
  DragStartBehavior dragStartBehavior = DragStartBehavior.start,
  bool enableInteractiveSelection = true,
  TextSelectionControls? selectionControls,
  TapRegionCallback? onTapOutside,
  TapRegionUpCallback? onPressUpOutside,
  bool onTapAlwaysCalled = false,
  ScrollController? scrollController,
  ScrollPhysics? scrollPhysics,
  Iterable<String>? autofillHints,
  ContentInsertionConfiguration? contentInsertionConfiguration,
  Clip clipBehavior = Clip.hardEdge,
  String? restorationId,
  bool stylusHandwritingEnabled = true,
  bool enableIMEPersonalizedLearning = true,
  EditableTextContextMenuBuilder? contextMenuBuilder,
  SpellCheckConfiguration? spellCheckConfiguration,
  TextMagnifierConfiguration? magnifierConfiguration,
  bool canRequestFocus = true,
  bool? ignorePointers,
  UndoHistoryController? undoController,
  Object groupId = EditableText,
  Widget? leading,
  Widget? trailing,
  String? semanticLabel,
  String? semanticHint,
  bool excludeSemantics = false,
  RemixTextFieldStyle style = const RemixTextFieldStyle.create(),
  RemixTextFieldSpec? styleSpec,
})