composable-button-toggle-group

KO | EN

gitlite — search

#javascript #llm #go #golang #rust #deep-learning #macos #java #awesome #cli #kubernetes #vue #awesome-list #security

composable-button-toggle-group

(★ 31)

ComposableButtonToggleGroup is the implementation of MaterialButtonToggleGroup for Jetpack Compose

composable-button-toggle-group Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> ℹ️ **Info**
> 
> This library is no longer maintained, as a native component is now available.
>
> Check [SegmentedButton](https://m3.material.io/components/segmented-buttons/overview)

# 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.|<img src="https://github.com/robertlevonyan/composable-button-toggle-group/blob/main/images/btg.png"  width="500" />|
|----------------------------------------------------------------------------------------------|-----------|

[![API](https://img.shields.io/badge/API-21%2B-yellow.svg?style=flat-square)](https://android-arsenal.com/api?level=21) [![Maven Central](https://maven-badges.herokuapp.com/maven-central/com.robertlevonyan.compose/buttontogglegroup/badge.svg)](https://maven-badges.herokuapp.com/maven-central/com.robertlevonyan.compose/buttontogglegroup)

## Setup

Add following line of code to your project level gradle file

```kotlin
  repositories {
    mavenCentral()
  }
```

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

#### Groovy:

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

#### Kotlin:

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

#### Maven:

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

## Usage

### RowToggleButtonGroup
```kotlin
  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](https://github.com/robertlevonyan/composable-button-toggle-group/blob/main/images/row.png)

### ColumnToggleButtonGroup
```kotlin
  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](https://github.com/robertlevonyan/composable-button-toggle-group/blob/main/images/column.png)

## 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

- **Email**: me@robertlevonyan.com
- **Website**: https://robertlevonyan.com/
- **Medium**: https://medium.com/@RobertLevonyan
- **Twitter**: https://twitter.com/@RobertLevonyan
- **Facebook**: https://facebook.com/robert.levonyan
- **Google Play**: https://play.google.com/store/apps/dev?id=5477562049350283357

## Licence

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.
```

composable-button-toggle-group

composable-button-toggle-group Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

composable-button-toggle-group

composable-button-toggle-group Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README