Skip to content
Ivan Galkin edited this page Jan 1, 2024 · 1 revision

FPCButton

Button component with solid background color, decomposed by platform.
Ready-made default button has loading properties.
Example of using a ready-made component:

FPCPrimaryButton(
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

Ready-made buttons contains label buttons based on FPCButton. Example of using a ready-made component:

FPCPrimaryLabelButton(
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

FPCGradientButton

Button component with gradient background color, decomposed by platform.
Ready-made default button has loading properties.
Example of using a ready-made component:

FPCPrimaryGradientButton(
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

Ready-made buttons contains label buttons based on FPCGradientButton.
Example of using a ready-made component:

FPCPrimaryGradientLabelButton(
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

FPCDottedButton

Button component with dotted border, decomposed by platform.
Example of using a ready-made component:

FPCPrimaryDottedButton(
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

FPCOutlineButton

Button component with outline border, decomposed by platform.
Example of using a ready-made component:

FPCPrimaryOutlineButton(
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

FPCGradientOutlineButton

Also gradient outline button.
Example of using a ready-made component:

FPCPrimaryGradientOutlineButton(
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

FPCIconButton

Icon button component, decomposed by platform.
Example of using a component:

FPCIconButton(
  onPressed: () {},
  child: const Child(),
),
iOS (Cupertino) Android (Material)

FPCCupertinoBottomSheetButton

Dedicated decomposed buttons, separately for bottom sheets.
Example of using a component:

FPCCupertinoBottomSheetButton(
  onPressed: () {},
),

FPCExpandedBottomSheetCloseButton

Expanded bottom sheet close button.
Example of using a component:

FPCExpandedBottomSheetCloseButton(
  cupertinoLocale: "Back",
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

FPCSmallBottomSheetCloseButton

Small bottom sheet close button.
Example of using a component:

FPCSmallBottomSheetCloseButton(
  onPressed: () {},
),
iOS (Cupertino) Android (Material)

FPCWhiteAlwaysExpandedBottomSheetCloseButton

White always bottom sheet close button.
Example of using a component:

FPCWhiteAlwaysExpandedBottomSheetCloseButton(
  cupertinoLocale: "Back",
  onPressed: () {},
),
iOS (Cupertino) Android (Material)