CINXE.COM

<!DOCTYPE html> <html lang="en-us"><head><script src="https://www.googletagmanager.com/gtm.js?id=GTM-MX6DBN9" async="async"></script><script src="/static/hash-mh7qv2oc/js/gtm.js" async="async"></script><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@dart_lang"/><meta name="twitter:description" content="Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons."/><meta name="twitter:image" content="https://pub.dev/static/hash-mh7qv2oc/img/pub-dev-icon-cover-image.png"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Dart packages"/><meta property="og:title" content="group_button | Flutter package"/><meta property="og:description" content="Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons."/><meta property="og:image" content="https://pub.dev/static/hash-mh7qv2oc/img/pub-dev-icon-cover-image.png"/><meta property="og:url" content="https://pub.dev/packages/group_button"/><title>group_button | Flutter package</title><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Google+Sans+Display:wght@400&family=Google+Sans+Text:wght@400;500;700&family=Google+Sans+Mono:wght@400;700&display=swap"/><link rel="shortcut icon" href="/static/hash-mh7qv2oc/img/flutter-logo-32x32.png"/><meta rel="apple-touch-icon" href="/static/hash-mh7qv2oc/img/flutter-logo-32x32.png"/><meta rel="apple-touch-icon-precomposed" href="/static/hash-mh7qv2oc/img/flutter-logo-32x32.png"/><link rel="stylesheet" href="https://www.gstatic.com/glue/v25_0/ccb.min.css"/><link rel="search" type="application/opensearchdescription+xml" title="Dart packages" href="/osd.xml"/><link rel="canonical" href="https://pub.dev/packages/group_button"/><meta name="description" content="Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons."/><link rel="alternate" type="application/atom+xml" title="Updated Packages Feed for Pub" href="/feed.atom"/><link rel="stylesheet" type="text/css" href="/static/hash-mh7qv2oc/material/bundle/styles.css"/><link rel="stylesheet" type="text/css" href="/static/hash-mh7qv2oc/css/style.css"/><script src="/static/hash-mh7qv2oc/material/bundle/script.min.js" defer="defer"></script><script src="/static/hash-mh7qv2oc/js/script.dart.js" defer="defer"></script><script src="https://www.gstatic.com/brandstudio/kato/cookie_choice_component/cookie_consent_bar.v3.js" defer="defer" data-autoload-cookie-consent-bar="true"></script><meta name="pub-page-data" content="eyJwa2dEYXRhIjp7InBhY2thZ2UiOiJncm91cF9idXR0b24iLCJ2ZXJzaW9uIjoiNS4zLjQiLCJsaWtlcyI6NTc0LCJwdWJsaXNoZXJJZCI6ImZyZXp5Y29kZS5jb20iLCJpc0Rpc2NvbnRpbnVlZCI6ZmFsc2UsImlzTGF0ZXN0Ijp0cnVlfSwic2Vzc2lvbkF3YXJlIjpmYWxzZX0="/><link rel="preload" href="/static/hash-mh7qv2oc/highlight/highlight-with-init.js" as="script"/></head><body class="light-theme"><script src="/static/hash-mh7qv2oc/js/dark-init.js"></script><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MX6DBN9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div class="site-header"><button class="hamburger" aria-label="menu toggle"></button><a class="logo" href="/" aria-label="Go to the landing page of pub.dev"><img class="site-logo" src="/static/hash-mh7qv2oc/img/pub-dev-logo.svg" alt="" width="140" height="30" role="presentation"/></a><div class="site-header-space"></div><div class="site-header-mask"></div><div class="site-header-search"><form action="/packages" method="GET"><input class="site-header-search-input" name="q" placeholder="New search..." autocomplete="on" title="Search"/></form></div><nav class="site-header-nav scroll-container"><div class="nav-login-container"><button id="-account-login" class="nav-main-button link">Sign in</button></div><div class="nav-container nav-help-container hoverable"><button class="nav-main-button">Help</button><div class="nav-hover-popup"><div class="nav-table-columns"><div class="nav-table-column"><h3>pub.dev</h3><a class="nav-link" href="/help/search" rel="noopener" target="_blank">Searching for packages</a><a class="nav-link" href="/help/scoring" rel="noopener" target="_blank">Package scoring and pub points</a></div><div class="nav-table-column"><h3>Flutter</h3><a class="nav-link" href="https://flutter.dev/using-packages/" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://flutter.dev/developing-packages/" rel="noopener" target="_blank">Developing packages and plugins</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div><div class="nav-table-column"><h3>Dart</h3><a class="nav-link" href="https://dart.dev/guides/packages" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">pub.dev <img class="foldable-icon" src="/static/hash-mh7qv2oc/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="/help/search" rel="noopener" target="_blank">Searching for packages</a><a class="nav-link" href="/help/scoring" rel="noopener" target="_blank">Package scoring and pub points</a></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">Flutter <img class="foldable-icon" src="/static/hash-mh7qv2oc/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="https://flutter.dev/using-packages/" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://flutter.dev/developing-packages/" rel="noopener" target="_blank">Developing packages and plugins</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">Dart <img class="foldable-icon" src="/static/hash-mh7qv2oc/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="https://dart.dev/guides/packages" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div></nav><button class="-pub-theme-toggle" aria-label="light/dark theme toggle"></button></div><div id="banner-container"></div><main class="container"><div class="detail-wrapper -active -has-info-box"><div class="detail-header -is-loose"><div class="detail-container"><div class="detail-header-outer-block"><div class="detail-header-content-block"><h1 class="title pub-monochrome-icon-hoverable">group_button 5.3.4 <span class="pkg-page-title-copy"><img class="pub-monochrome-icon pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-mh7qv2oc/img/content-copy-icon.svg" alt="copy "group_button: ^5.3.4" to clipboard" width="18" height="18" title="Copy "group_button: ^5.3.4" to clipboard" data-copy-content="group_button: ^5.3.4" data-ga-click-event="copy-package-version"/><div class="pkg-page-title-copy-feedback"><span class="code">group_button: ^5.3.4</span> copied to clipboard</div></span></h1><div class="metadata">Published <span><a class="-x-ago" href="" title="Jan 9, 2024" role="button" data-timestamp="1704790711062">14 months ago</a></span> • <a class="-pub-publisher" href="/publishers/frezycode.com"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-mh7qv2oc/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>frezycode.com</a><span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span></div><div class="detail-tags-and-like"><div class="detail-tags"><div class="-pub-tag-badge"><span class="tag-badge-main">SDK</span><a class="tag-badge-sub" href="/packages?q=sdk%3Aflutter" rel="nofollow" title="Packages compatible with Flutter SDK">Flutter</a></div><div class="-pub-tag-badge"><span class="tag-badge-main">Platform</span><a class="tag-badge-sub" href="/packages?q=platform%3Aandroid" rel="nofollow" title="Packages compatible with Android platform">Android</a><a class="tag-badge-sub" href="/packages?q=platform%3Aios" rel="nofollow" title="Packages compatible with iOS platform">iOS</a><a class="tag-badge-sub" href="/packages?q=platform%3Alinux" rel="nofollow" title="Packages compatible with Linux platform">Linux</a><a class="tag-badge-sub" href="/packages?q=platform%3Amacos" rel="nofollow" title="Packages compatible with macOS platform">macOS</a><a class="tag-badge-sub" href="/packages?q=platform%3Aweb" rel="nofollow" title="Packages compatible with Web platform">web</a><a class="tag-badge-sub" href="/packages?q=platform%3Awindows" rel="nofollow" title="Packages compatible with Windows platform">Windows</a></div></div><div class="detail-like"><button id="-pub-like-icon-button" class="mdc-icon-button" data-ga-click-event="toggle-like" aria-pressed="false" title="Like this package"><img class="mdc-icon-button__icon" src="/static/hash-mh7qv2oc/img/like-inactive.svg" alt="liked status: inactive" width="18" height="18"/><img class="mdc-icon-button__icon mdc-icon-button__icon--on" src="/static/hash-mh7qv2oc/img/like-active.svg" alt="liked status: active" width="18" height="18"/></button><span class="likes-count"><span id="likes-count">574</span></span></div></div></div></div></div></div><div class="detail-container"><div class="detail-lead"><div class="detail-metadata-toggle"><div class="detail-metadata-toggle-icon">→</div><h3 class="detail-lead-title">Metadata</h3></div><p class="detail-lead-text">Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons.</p><p class="detail-lead-more"><a class="detail-metadata-toggle">More...</a></p></div></div><div class="detail-body"><div class="detail-tabs"><div class="detail-tabs-wide-header"><div class="detail-container"><ul class="detail-tabs-header"><li class="detail-tab tab-button detail-tab-readme-title -active">Readme</li><li class="detail-tab tab-link detail-tab-changelog-title"><a href="/packages/group_button/changelog" role="button">Changelog</a></li><li class="detail-tab tab-link detail-tab-example-title"><a href="/packages/group_button/example" role="button">Example</a></li><li class="detail-tab tab-link detail-tab-installing-title"><a href="/packages/group_button/install" role="button">Installing</a></li><li class="detail-tab tab-link detail-tab-versions-title"><a href="/packages/group_button/versions" role="button">Versions</a></li><li class="detail-tab tab-link detail-tab-analysis-title"><a href="/packages/group_button/score" role="button">Scores</a></li></ul></div></div><div class="detail-container detail-body-main"><div class="detail-tabs-content"><section class="tab-content detail-tab-readme-content -active markdown-body"><div align="center"> <img src="https://github.com/Frezyx/group_button/blob/master/example/rep_files/new/logo.svg?raw=true" width="400px"> </div> <h2 align="center"> Flutter widget to create a group of buttons fast 🚀 </h2> <p align="center"> Included Radio and CheckBox buttons models with custom groping types 🤤 <br> <span> Show some ❤️ and <a href="https://github.com/Frezyx/group_button" rel="ugc">star the repo</a> to support the project! </span> </p> <p align="center"> <a href="https://pub.dev/packages/group_button"><img src="https://img.shields.io/pub/v/group_button.svg" alt="Pub"></a> <a href="https://opensource.org/licenses/MIT" rel="ugc"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License: MIT"></a> <a href="https://github.com/Frezyx/group_button" rel="ugc"><img src="https://hits.dwyl.com/Frezyx/group_button.svg?style=flat" alt="Repository views"></a> <a href="https://github.com/Frezyx/group_button" rel="ugc"><img src="https://img.shields.io/github/stars/Frezyx/group_button?style=social" alt="Pub"></a> </p> <p align="center"> <a href="https://pub.dev/packages/group_button/score"><img src="https://img.shields.io/pub/likes/group_button?logo=flutter" alt="Pub likes"></a> <a href="https://pub.dev/packages/group_button/score"><img src="https://img.shields.io/pub/popularity/group_button?logo=flutter" alt="Pub popularity"></a> <a href="https://pub.dev/packages/group_button/score"><img src="https://img.shields.io/pub/points/group_button?logo=flutter" alt="Pub points"></a> </p> <br> <table> <thead> <tr> <th align="center"><img src="https://github.com/Frezyx/group_button/blob/master/example/rep_files/new/e1.gif?raw=true" alt=""></th> <th align="center"><img src="https://github.com/Frezyx/group_button/blob/master/example/rep_files/new/e2.gif?raw=true" alt=""></th> <th align="center"><img src="https://github.com/Frezyx/group_button/blob/master/example/rep_files/new/e3.gif?raw=true" alt=""></th> </tr> </thead> </table> <table> <thead> <tr> <th align="center">GroupButtonController</th> <th align="center">GroupButtonBuilder</th> <th align="center">GroupButtonOptions</th> </tr> </thead> </table> <h2 id="getting-started" class="hash-header">Getting Started <a href="#getting-started" class="hash-link">#</a></h2> <p>Follow these steps to use this package</p> <h3 id="add-dependency" class="hash-header">Add dependency <a href="#add-dependency" class="hash-link">#</a></h3> <pre><code class="language-yaml">dependencies: group_button: ^5.3.4 </code></pre> <h3 id="add-import-package" class="hash-header">Add import package <a href="#add-import-package" class="hash-link">#</a></h3> <pre><code class="language-dart">import 'package:group_button/group_button.dart'; </code></pre> <h3 id="easy-to-use" class="hash-header">Easy to use <a href="#easy-to-use" class="hash-link">#</a></h3> <p>Simple example of use GroupButton<br> Put this code in your project at an screen and learn how it works 😊</p> <pre><code class="language-dart">GroupButton( isRadio: false, onSelected: (index, isSelected) => print('$index button is selected'), buttons: ["12:00", "13:00", "14:30", "18:00", "19:00", "21:40"], ) </code></pre> <h3 id="controller" class="hash-header">Controller <a href="#controller" class="hash-link">#</a></h3> <p><strong>Starting from version 4.1.0</strong> <br> You can control your Group Button using the controller</p> <pre><code class="language-dart">final controller = GroupButtonController(); Column( children: [ GroupButton.checkbox( controller: controller, buttons: ['12:00', '13:00', '14:00'], onSelected: (i, selected) => debugPrint('Button #$i $selected'), ), TextButton( onPressed: () => controller.selectIndex(1), child: const Text('Select 1 button'), ) ], ), </code></pre> <h3 id="generic-button-value" class="hash-header">Generic button value <a href="#generic-button-value" class="hash-link">#</a></h3> <p>In new 5.0.0 version you can set custom buttons value type <br> It can be int, DateTime, double or YourCustomClass <br> Button text will be result of .toString() model method in common button display case <br></p> <pre><code class="language-dart">GroupButton<DateTime>( buttons: [DateTime(2022, 4, 9), DateTime(2022, 4, 10)], ) </code></pre> <h3 id="button-builders" class="hash-header">Button builders <a href="#button-builders" class="hash-link">#</a></h3> <p>Also you can use generic button values with cutsom buttonBuilder <br> In order to turn values into any widget</p> <pre><code class="language-dart">GroupButton<DateTime>( buttons: [DateTime(2022, 4, 9), DateTime(2022, 4, 10)], buttonBuilder: (selected, date, context) { return Text('${date.year}-${date.month}-${date.day}'); }, ), </code></pre> <p>In this package, there are four different possibilities for customizing your buttons through builders</p> <ul> <li>1 <strong>buttonBuilder</strong> It will build a fully custom button based on the value parameter</li> <li>2 <strong>buttonIndexedBuilder</strong> same as buttonBuilder. But based on button index.</li> <li>3 <strong>buttonTextBuilder</strong> It will replace the text of your button, which is constructed based on the style parameters passed in GroupButtonOptions. The appearance of the button remains the same, but the text is changed. Based on button value.</li> <li>4 <strong>buttonIndexedTextBuilder</strong> same as buttonTextBuilder. But based on button index.</li> </ul> <h3 id="fully-customize" class="hash-header">Fully Customize <a href="#fully-customize" class="hash-link">#</a></h3> <p>In order to customize your buttons inside <em>GroupButton</em> you can use <em>GroupButtonOptions</em></p> <pre><code class="language-dart">GroupButtonOptions( selectedShadow: const [], selectedTextStyle: TextStyle( fontSize: 20, color: Colors.pink[900], ), selectedColor: Colors.pink[100], unselectedShadow: const [], unselectedColor: Colors.amber[100], unselectedTextStyle: TextStyle( fontSize: 20, color: Colors.amber[900], ), selectedBorderColor: Colors.pink[900], unselectedBorderColor: Colors.amber[900], borderRadius: BorderRadius.circular(100), spacing: 10, runSpacing: 10, groupingType: GroupingType.wrap, direction: Axis.horizontal, buttonHeight: 60, buttonWidth: 60, mainGroupAlignment: MainGroupAlignment.start, crossGroupAlignment: CrossGroupAlignment.start, groupRunAlignment: GroupRunAlignment.start, textAlign: TextAlign.center, textPadding: EdgeInsets.zero, alignment: Alignment.center, elevation: 0, ), </code></pre> <p><img src="https://github.com/Frezyx/group_button/blob/master/example/rep_files/options_example.png?raw=true" alt=""></p> <h3 id="examples" class="hash-header">Examples <a href="#examples" class="hash-link">#</a></h3> <p>You can check more examples of using this package <a href="https://github.com/Frezyx/group_button/blob/master/example/lib" rel="ugc">here</a></p> <br> <div align="center"> <p>Thanks to all contributors of this package</p> <a href="https://github.com/Frezyx/group_button/graphs/contributors" rel="ugc"> <img src="https://contrib.rocks/image?repo=Frezyx/group_button"> </a> </div> <br> <p>For help getting started with 😍 Flutter, view <a href="https://flutter.dev/docs">online documentation</a>, which offers tutorials, samples, guidance on mobile development, and a full API reference.</p> </section></div></div></div><aside class="detail-info-box"><a class="packages-scores" href="/packages/group_button/score"><div class="packages-score packages-score-like"><div class="packages-score-value -has-value"><span class="packages-score-value-number">574</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">likes</div></div><div class="packages-score packages-score-health"><div class="packages-score-value -has-value"><span class="packages-score-value-number">160</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">points</div></div><div class="packages-score packages-score-downloads" title="Number of downloads of this package during the past 30 days"><div class="packages-score-value -has-value"><span class="packages-score-value-number">80.5k</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">downloads</div></div></a><h3 class="title">Publisher</h3><p><a href="/publishers/frezycode.com"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-mh7qv2oc/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>frezycode.com</a></p><h3 class="title">Weekly Downloads</h3><div id="-weekly-downloads-sparkline" class="weekly-downloads-sparkline" data-widget="weekly-sparkline" data-weekly-sparkline-points="ADjnZ2VHAACYTgAA4VEAAABEAACuSAAAe00AABRJAAAZRwAAkj0AADxHAADgRAAA5ToAAJkgAACgIQAAkzsAANpAAACwPgAA6DwAAJE8AAB1NgAAZDQAAJMxAADUMwAAbTIAAHwwAAC6LgAAuzEAAOowAACzNgAAXjUAAOgvAABqLwAAzC8AAPguAABULAAADigAAI0nAABlJQAAACQAAOMkAACyJAAABycAADMnAADwLAAADysAAMwrAADeIgAATiAAAG0mAAD4KQAAYigAAEgkAAA="></div><h3 class="title pkg-infobox-metadata">Metadata</h3><p>Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons.</p><p><a class="link" href="https://github.com/Frezyx/group_button" rel="ugc">Repository (GitHub)</a><br/><a class="link" href="https://github.com/Frezyx/group_button" rel="ugc">View/report issues</a><br/><a class="link" href="https://github.com/Frezyx/group_button/blob/master/CONTRIBUTING.md" rel="ugc">Contributing</a><br/></p><h3 class="title">Topics</h3><p><a class="topics-tag" href="/packages?q=topic%3Awidget" rel="nofollow" title="Packages that contain Flutter widgets.">#widget</a> <a class="topics-tag" href="/packages?q=topic%3Aui" rel="nofollow">#ui</a> <a class="topics-tag" href="/packages?q=topic%3Abutton" rel="nofollow">#button</a> <a class="topics-tag" href="/packages?q=topic%3Achips" rel="nofollow">#chips</a> <a class="topics-tag" href="/packages?q=topic%3Aselector" rel="nofollow">#selector</a></p><h3 class="title">Documentation</h3><p><a class="link" href="/documentation/group_button/latest/">API reference</a><br/></p><h3 class="title">License</h3><p><img class="inline-icon-img filter-invert-on-dark" src="/static/hash-mh7qv2oc/img/material-icon-balance.svg" alt="" width="14" height="14" role="presentation"/>MIT (<a href="/packages/group_button/license">license</a>)</p><h3 class="title">Dependencies</h3><p><a href="https://api.flutter.dev/">flutter</a></p><h3 class="title">More</h3><p><a href="/packages?q=dependency%3Agroup_button" rel="nofollow">Packages that depend on group_button</a></p></aside></div><script type="application/ld+json">{"@context":"http\u003a\u002f\u002fschema.org","@type":"SoftwareSourceCode","name":"group\u005fbutton","version":"5.3.4","description":"group\u005fbutton - Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons.","url":"https\u003a\u002f\u002fpub.dev\u002fpackages\u002fgroup\u005fbutton","dateCreated":"2020-08-10T19\u003a28\u003a21.547805Z","dateModified":"2024-01-09T08\u003a58\u003a31.062648Z","programmingLanguage":"Dart","image":"https\u003a\u002f\u002fpub.dev\u002fstatic\u002fimg\u002fpub-dev-icon-cover-image.png","license":"https\u003a\u002f\u002fpub.dev\u002fpackages\u002fgroup\u005fbutton\u002flicense"}</script></div><div class="detail-metadata"><h3 class="detail-metadata-title"><span class="detail-metadata-toggle">←</span> Metadata</h3><div class="detail-info-box"><a class="packages-scores" href="/packages/group_button/score"><div class="packages-score packages-score-like"><div class="packages-score-value -has-value"><span class="packages-score-value-number">574</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">likes</div></div><div class="packages-score packages-score-health"><div class="packages-score-value -has-value"><span class="packages-score-value-number">160</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">points</div></div><div class="packages-score packages-score-downloads" title="Number of downloads of this package during the past 30 days"><div class="packages-score-value -has-value"><span class="packages-score-value-number">80.5k</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">downloads</div></div></a><h3 class="title">Publisher</h3><p><a href="/publishers/frezycode.com"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-mh7qv2oc/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>frezycode.com</a></p><h3 class="title">Weekly Downloads</h3><div id="-weekly-downloads-sparkline" class="weekly-downloads-sparkline" data-widget="weekly-sparkline" data-weekly-sparkline-points="ADjnZ2VHAACYTgAA4VEAAABEAACuSAAAe00AABRJAAAZRwAAkj0AADxHAADgRAAA5ToAAJkgAACgIQAAkzsAANpAAACwPgAA6DwAAJE8AAB1NgAAZDQAAJMxAADUMwAAbTIAAHwwAAC6LgAAuzEAAOowAACzNgAAXjUAAOgvAABqLwAAzC8AAPguAABULAAADigAAI0nAABlJQAAACQAAOMkAACyJAAABycAADMnAADwLAAADysAAMwrAADeIgAATiAAAG0mAAD4KQAAYigAAEgkAAA="></div><h3 class="title pkg-infobox-metadata">Metadata</h3><p>Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons.</p><p><a class="link" href="https://github.com/Frezyx/group_button" rel="ugc">Repository (GitHub)</a><br/><a class="link" href="https://github.com/Frezyx/group_button" rel="ugc">View/report issues</a><br/><a class="link" href="https://github.com/Frezyx/group_button/blob/master/CONTRIBUTING.md" rel="ugc">Contributing</a><br/></p><h3 class="title">Topics</h3><p><a class="topics-tag" href="/packages?q=topic%3Awidget" rel="nofollow" title="Packages that contain Flutter widgets.">#widget</a> <a class="topics-tag" href="/packages?q=topic%3Aui" rel="nofollow">#ui</a> <a class="topics-tag" href="/packages?q=topic%3Abutton" rel="nofollow">#button</a> <a class="topics-tag" href="/packages?q=topic%3Achips" rel="nofollow">#chips</a> <a class="topics-tag" href="/packages?q=topic%3Aselector" rel="nofollow">#selector</a></p><h3 class="title">Documentation</h3><p><a class="link" href="/documentation/group_button/latest/">API reference</a><br/></p><h3 class="title">License</h3><p><img class="inline-icon-img filter-invert-on-dark" src="/static/hash-mh7qv2oc/img/material-icon-balance.svg" alt="" width="14" height="14" role="presentation"/>MIT (<a href="/packages/group_button/license">license</a>)</p><h3 class="title">Dependencies</h3><p><a href="https://api.flutter.dev/">flutter</a></p><h3 class="title">More</h3><p><a href="/packages?q=dependency%3Agroup_button" rel="nofollow">Packages that depend on group_button</a></p></div><p class="detail-lead-back"><a class="detail-metadata-toggle">Back</a></p></div><div id="-screenshot-carousel" class="carousel"><fab id="-carousel-prev" class="mdc-fab carousel-prev carousel-nav" data-mdc-auto-init="MDCRipple" title="Previous" data-ga-click-event="screenshot-carousel-prev-click" tabindex="0"><div class="mdc-fab__ripple"></div><img class="mdc-fab__icon" src="/static/hash-mh7qv2oc/img/keyboard_arrow_left.svg" alt="previous" width="24" height="24" aria-hidden="true"/></fab><div id="-image-container" class="image-container"></div><fab id="-carousel-next" class="mdc-fab carousel-next carousel-nav" data-mdc-auto-init="MDCRipple" title="Next" data-ga-click-event="screenshot-carousel-next-click" tabindex="0"><div class="mdc-fab__ripple"></div><img class="mdc-fab__icon" src="/static/hash-mh7qv2oc/img/keyboard_arrow_right.svg" alt="next" width="24" height="24" aria-hidden="true"/></fab><p id="-screenshot-description" class="screenshot-description"></p></div></main><footer class="site-footer"><a class="link" href="https://dart.dev/">Dart language</a><a class="link sep" href="/report?subject=package%3Agroup_button&url=https%3A%2F%2Fpub.dev%2Fpackages%2Fgroup_button">Report package</a><a class="link sep" href="/policy">Policy</a><a class="link sep" href="https://www.google.com/intl/en/policies/terms/">Terms</a><a class="link sep" href="https://developers.google.com/terms/">API Terms</a><a class="link sep" href="/security">Security</a><a class="link sep" href="https://www.google.com/intl/en/policies/privacy/">Privacy</a><a class="link sep" href="/help">Help</a><a class="link icon sep" href="/feed.atom"><img class="inline-icon" src="/static/hash-mh7qv2oc/img/rss-feed-icon.svg" alt="RSS" width="20" height="20" title="RSS/atom feed"/></a><a class="link icon github_issue" href="https://github.com/dart-lang/pub-dev/issues/new"><img class="inline-icon" src="/static/hash-mh7qv2oc/img/bug-report-white-96px.png" alt="bug report" width="20" height="20" title="Report an issue with this site"/></a></footer><script src="/static/hash-mh7qv2oc/highlight/highlight-with-init.js" defer="defer"></script></body></html>