{"id":32299734,"url":"https://github.com/lalitjarwal/modal_side_sheet","last_synced_at":"2026-02-22T03:41:47.730Z","repository":{"id":56834831,"uuid":"397192449","full_name":"lalitjarwal/modal_side_sheet","owner":"lalitjarwal","description":"A package to use Material side sheet into your Flutter project. Learn more about side sheet at Material.io","archived":false,"fork":false,"pushed_at":"2021-08-17T13:47:51.000Z","size":104,"stargazers_count":7,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-23T05:15:53.531Z","etag":null,"topics":["flutter","material-design","material-ui","modal","package","pub","side-sheet"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/modal_side_sheet","language":"C++","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lalitjarwal.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-08-17T09:33:56.000Z","updated_at":"2025-05-02T21:04:41.000Z","dependencies_parsed_at":"2022-09-02T03:40:46.953Z","dependency_job_id":null,"html_url":"https://github.com/lalitjarwal/modal_side_sheet","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/lalitjarwal/modal_side_sheet","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalitjarwal%2Fmodal_side_sheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalitjarwal%2Fmodal_side_sheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalitjarwal%2Fmodal_side_sheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalitjarwal%2Fmodal_side_sheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lalitjarwal","download_url":"https://codeload.github.com/lalitjarwal/modal_side_sheet/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lalitjarwal%2Fmodal_side_sheet/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29704418,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-22T03:17:42.375Z","status":"ssl_error","status_checked_at":"2026-02-22T03:17:31.622Z","response_time":110,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flutter","material-design","material-ui","modal","package","pub","side-sheet"],"created_at":"2025-10-23T05:04:06.143Z","updated_at":"2026-02-22T03:41:47.725Z","avatar_url":"https://github.com/lalitjarwal.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Side Sheet\n\nA package to use Material side sheet into your Flutter project.\nLearn more about side sheet at [Material.io](https://material.io/components/sheets-side)\n\n## Platform Support\n\n| Android | iOS | MacOS | Web | Linux | Windows |\n| :-----: | :-: | :---: | :-: | :---: | :-----: |\n|   ✔️    | ✔️  |  ✔️   | ✔️  |  ✔️   |   ✔️    |\n\n## Getting Started\n\nThis package comes with two types of side sheets, `Standard side sheet` and `Modal side sheet`.\n\n## Modal Side Sheet\n\nModal side sheets present content while blocking interaction with the rest of the screen.\nThis side sheet generally used in mobile devices as per recommended by Material Design by Google.\nSee also : [Modal Side Sheet](https://material.io/components/sheets-side#modal-side-sheet)\n\n![Modal Side Sheet](https://lh3.googleusercontent.com/c6-TFu796SV5GzwB0VCeeTQQ4jaaKsCwfJREZPX3tCDHS56cjFjwazWks7TTRnFNyfxNl7RhBtOTx0Hxw-GnG9nnWFGq-e0vqhRSC0M=w1064-v0)\n\nYou can use it by calling `showModalSideSheet()` function into your Flutter project.\n\n```dart\nElevatedButton(\n    onPressed: () {\n        showModalSideSheet(\n            context: context,\n            ignoreAppBar: false,\n            body: ListView.builder(\n                itemBuilder: (context, index) {\n                    return ListTile(\n                        leading: Icon(Icons.face),\n                        title: Text(\"I am on $index index\"),\n                        trailing: Icon(Icons.safety_divider),\n                    );\n                },\n            ));\n        },\n    child: Text(\"Show Modal Side Sheet\")),\n```\n\n## Standard Side Sheet\n\nStandard side sheets co-exist with the screen’s primary UI region, which allows viewing and interaction with both surfaces. They are used only on tablet and desktop.\nSee also: [Standard Side Sheet](https://material.io/components/sheets-side#standard-side-sheet)\n\n![Standard Side Sheet](https://lh3.googleusercontent.com/EKjdlNMWlftW4M9dFBi1HsSTvS1rWMmFKb3UaXbsv3PAmHEeCdO00HPTOBcsIXc7zZ_DEPYr_Jk9PkN9TqUeTEXWTDzbNlx-su4kLSY=w1064-v0)\n\nThis side sheet can be used with `BodyWithSideSheet` widget.\nJust place this widget into your `Scaffold`'s body property.\n\n```dart\n@override\nWidget build(BuildContext context){\n    return Scaffold(\n        appBar:AppBar(title:Text(\"Standard Side Sheet Demo\")),\n        body:BodyWithSideSheet(\n            body:Container(\n                child:Text(\"My App Body\"),\n            ),\n            sheetBody:Container(\n                child:Text(\"My Sheet Body\"),\n            ),\n            show:true\n        ),\n    );\n}\n```\n\n## Contributing\n\nThis is fully open source project so you are welcome to sontribute to any features or bug-fixing.\n\nDon't forgot to star and fork the repository and make your first pull request.\n\n## License\n\nProject released under `MIT License`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flalitjarwal%2Fmodal_side_sheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flalitjarwal%2Fmodal_side_sheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flalitjarwal%2Fmodal_side_sheet/lists"}