awesome_side_sheet 0.0.3 copy "awesome_side_sheet: ^0.0.3" to clipboard
awesome_side_sheet: ^0.0.3 copied to clipboard

Flutter package for Material Design 3 modal side sheets with customizable title, body, and actions.

Awesome Side Sheet #

moesaid - mohamed s abdrabou - flutter awesome side sheet - sidesheet

License

Awesome Side Sheet is a Flutter package that provides a flexible and customizable side sheet implementation for your Flutter applications. It allows you to easily integrate a sliding panel or drawer with various features and customization options.

Features #

  • Slide-in side sheet with configurable width and position.
  • Customizable appearance with options for background color, text color, button colors, and more.
  • Support for header, body, and footer sections within the side sheet.
  • Optional actions, back button, close button, and dividers for improved flexibility.
  • Smooth transition animations for a polished user interface.

Getting Started #

To use this package in your Flutter project, add it to your pubspec.yaml file:

dependencies:
  awesome_side_sheet: ^latest_version

Then, run:

$ flutter pub get

For detailed information on how to integrate packages into your Flutter project, refer to the Flutter documentation on dependencies.

Usage #

Here is a simple example demonstrating how to use the Awesome Side Sheet:

import 'package:awesome_side_sheet/awesome_side_sheet.dart';

aweSideSheet(context: context);

For more detailed examples and use cases, check the /example folder in the package repository.

exposed api #

  // required
  required BuildContext context,
  required SheetPosition sheetPosition,

  // widgets
  Widget? body,
  Widget? footer,
  Widget? header,

  // bools
  bool barrierDismissible = true,
  bool showBackButton = true,
  bool showCloseButton = true,
  bool showActions = true,
  bool showFooterDivider = true,
  bool showHeaderDivider = true,
  bool showSideDivider = true,
  bool safeAreaTop = true,
  bool safeAreaBottom = true,

  // strings
  String confirmActionText = 'Save',
  String cancelActionText = 'Cancel',
  String? title,

  // duration
  Duration? transitionDuration,

  // doubles
  double sheetWidth = 400 <- default,
  double? borderRadius,

  // Colors
  Color? backgroundColor,
  surfaceTintColor,
  textColor,
  iconColor,
  dividerColor,
  confirmButtonBgColor,
  confirmButtonTextColor,
  cancelButtonBgColor,
  cancelButtonTextColor,

  // callbacks
  void Function()? onConfirm,
  void Function()? onCancel,
  void Function()? onDismiss,
  void Function()? onClose,

Additional Information #

  • If you encounter any issues or have suggestions for improvement, please file an issue.
  • Contributions are welcome! Feel free to open pull requests to help enhance this package.
  • Enjoy using the Awesome Side Sheet in your Flutter applications!

License #

awesome_side_sheet is licensed under the MIT License. See LICENSE for more information.

credits #

awesome_side_sheet created by Mohamed S Abdrabou

17
likes
140
points
104
downloads

Publisher

verified publishermoesaid.com

Weekly Downloads

Flutter package for Material Design 3 modal side sheets with customizable title, body, and actions.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on awesome_side_sheet