diff --git a/README.md b/README.md index c4bfa78f..5fe67109 100644 --- a/README.md +++ b/README.md @@ -20,12 +20,13 @@ developers build complex settings screens without all the boilerplate. | [SettingsTriStateCheckbox](#SettingsTriStateCheckbox) | triState-checkbox | | [SettingsRadioButton](#SettingsRadioButton) | radiobutton.png | | [SettingsSwitch](#SettingsSwitch) | switch.png | +| [SettingsGroup](#SettingsGroup) | group.png | **Ui tiles expanded** | Component | Screenshot | |-----------------------------------|----------------------------------------------------------------| -| [SettingsSlider](#SettingsSlider) | switch.png | +| [SettingsSlider](#SettingsSlider) | slider.png | ## Install @@ -85,7 +86,7 @@ SettingsCheckbox( ) ``` -menu.png +checkbox.png ##### SettingsTriStateCheckbox: @@ -101,7 +102,7 @@ SettingsTriStateCheckbox( ) ``` -menu.png +triState-checkbox.png ##### SettingsRadioButton: @@ -117,7 +118,7 @@ SettingsRadioButton( ) ``` -menu.png +radiobutton.png ##### SettingsSwitch: @@ -133,7 +134,7 @@ SettingsSwitch( ) ``` -menu.png +switch.png ##### SettingsSlider: @@ -151,4 +152,22 @@ SettingsSlider( ) ``` -menu.png +slider.png + +##### SettingsGroup + +```kotlin +SettingsGroup( + modifier = Modifier, + enabled = false / true, + title = { Text(text = "SettingsGroup") }, + contentPadding = PaddingValues(16.dp), +) { + SettingsMenuLink(...) + SettingsCheckbox(...) + SettingsSwitch(...) + ... +} +``` + +group.png \ No newline at end of file diff --git a/docs/art/group.png b/docs/art/group.png new file mode 100644 index 00000000..328628a8 Binary files /dev/null and b/docs/art/group.png differ