Skip to content

ComposableButtonToggleGroup is the implementation of MaterialButtonToggleGroup for Jetpack Compose

License

Notifications You must be signed in to change notification settings

robertlevonyan/composable-button-toggle-group

Repository files navigation

Composable Button Toggle Group

ComposableButtonToggleGroup is the implementation of MaterialButtonToggleGroup for Jetpack Compose

Composable Button Toggle Group is the implementation of MaterialButtonToggleGroup for Jetpack Compose.

API Maven Central

Setup

Add following line of code to your project level gradle file

  repositories {
    mavenCentral()
  }

Add following line of code to your module(app) level gradle file

Groovy:

    implementation 'com.robertlevonyan.compose:buttontogglegroup:<Version>'

Kotlin:

    implementation("com.robertlevonyan.compose:buttontogglegroup:$Version")

Maven:

  <dependency>
    <groupId>com.robertlevonyan.compose</groupId>
    <artifactId>buttontogglegroup</artifactId>
    <version>Version</version>
    <type>pom</type>
  </dependency>

Usage

RowToggleButtonGroup

  Box(modifier = Modifier.fillMaxSize()) {
    RowToggleButtonGroup(
      modifier = Modifier,
      buttonCount = 4,
      selectedColor = Color.Gray,
      unselectedColor = LightGray,
      selectedContentColor = Color.White,
      unselectedContentColor = DarkGray,
      elevation = ButtonDefaults.elevation(0.dp), // elevation of toggle group buttons
      buttonIcons = arrayOf(
        painterResource(id = R.drawable.ic_format_align_left),
        painterResource(id = R.drawable.ic_format_align_center),
        painterResource(id = R.drawable.ic_format_align_right),
        painterResource(id = R.drawable.ic_format_align_justify),
      ),
    ) { index ->
      // check index and handle click
    }
  }

alt text

ColumnToggleButtonGroup

  Box(modifier = Modifier.fillMaxSize()) {
    ColumnToggleButtonGroup(
      modifier = Modifier,
      primarySelection = 0,
      buttonCount = 2,
      selectedColor = Color.Gray,
      unselectedColor = LightGray,
      selectedContentColor = Color.White,
      unselectedContentColor = DarkGray,
      elevation = ButtonDefaults.elevation(0.dp), // elevation of toggle group buttons
      buttonTexts = arrayOf("Android", "iOS"),
      buttonIcons = arrayOf(
        painterResource(id = R.drawable.ic_android),
        painterResource(id = R.drawable.ic_ios),
      ),
      iconPosition = IconPosition.Top,
    ) { index ->
      // check index and handle click
    }
  }

alt text

Versions

1.2.0

Migrate to Material 3

1.1.0

Now you can specify icon position

1.0.1 - 1.0.5

Icon button support added, Text made single line

1.0.0

First version of library

Contact

Licence

    Composable Button Toggle Group©
    Copyright 2022 Robert Levonyan
    Url: https://github.com/robertlevonyan/composable-button-toggle-group

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.