textfieldBookBottomLine method

WidgetbookUseCase textfieldBookBottomLine()

Implementation

WidgetbookUseCase textfieldBookBottomLine() {
  return WidgetbookUseCase(
      name: "METextFieldLine",
      builder: (context) => Container(
        width: double.infinity,
            height: double.infinity,
            color: Colors.white,
        child: Center(
          child: Padding(
                padding: const EdgeInsets.only(top: 20, left: 10),
                child: SizedBox(
                  width: context.knobs.double.slider(
                      label: "width",
                      description: "Mengubah panjang textfield",
                      initialValue: 300,
                      max: 1000),
                  height: context.knobs.double.slider(
                      label: "height",
                      description: "Mengubah lebar textfield",
                      initialValue: 35,
                      max: 80,
                      min: 20),
                  child: TextFormField(
                      decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                          color: context.knobs.list(
                              label: "enableBorderColor",
                              description:
                                  "Mengganti warna pada border ketika aktif",
                              options: colorOption)),
                    ),
                    focusedBorder: UnderlineInputBorder(
                      borderSide: BorderSide(
                          color: context.knobs.list(
                              label: "disableBorderColor",
                              description:
                                  "Mengganti warna pada border ketika tidak aktif",
                              options: colorOption)),
                    ),
                  )),
                ),
              ),
        ),
      ));
}