outlineButton method

Implementation

WidgetbookUseCase outlineButton() {
  return WidgetbookUseCase(
    name: 'MEButtonOutline',
    builder: (context) => OutlinedButton.icon(
      icon: context.knobs.boolean(
              label: "icon",
              description: "Untuk menampilkan icon (Non-Param)")
          ? Icon(
              context.knobs.list(label: "iconButton", options: iconTheme),
              color: context.knobs.list(
                  label: "secondaryColor",
                  description: "Mengganti warna pada font button",
                  options: const [
                  Color(0xFFFFFFFF),
                  Color(0xFF0D4491),
                  Color(0XFFF64A33),
                  Color(0XFF439677),
                  ]),
            )
          : const SizedBox(),
      style: ButtonStyle(
        padding: MaterialStateProperty.all(EdgeInsets.only(
            top: context.knobs.double.slider(
                label: "verticalPading",
                initialValue: 14,
                description: "Merubah ukuran padding vertikal",
                min: 10,
                max: 50),
            bottom: context.knobs.double.slider(
                label: "verticalPading",
                initialValue: 14,
                description: "Merubah ukuran padding vertikal",
                min: 10,
                max: 50),
            right: 15,
            left: 8)),
        shape: MaterialStateProperty.all(RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(context.knobs
                .double.input(
                    initialValue: 6,
                    label: "borderRadius",
                    description: "Membuat radius pada button")
                .toDouble()))),
        side: MaterialStateProperty.all(
          BorderSide(
              color: context.knobs.list(
                  label: "secondaryColor",
                  description: "Mengganti warna pada border button",
                  options: colorOption),
              width: 1.0,
              style: BorderStyle.solid),
        ),
      ),
      onPressed: () {},
      label: Text(
          context.knobs.string(
              initialValue: "Example Button",
              label: "label",
              description: "Berfungsi untuk membuat label pada tombol"),
          style: TextStyle(
              color: context.knobs.list(
                  label: "secondaryColor",
                  description: "Mengganti warna pada font button",
                  options: colorOption))),
    ),
  );
}