Animated icon component with three states—burger, arrow, and cross—and smooth transitions. Simple integration with customizable progress control for dynamic UI interactions.
Compose Multiplatform icon which have 3 states (burger, arrow and cross) and animated transitions between them
Supported platforms:
implementation 'ru.ztrap:navigation-toggle-icon:${latestVersion}'
Simple toggle icon
var toggled by remember { mutableStateOf(false) }
NavigationToggleIcon(
modifier = Modifier.size(24.dp).clickable { toggled = !toggled },
startIconType = Burger,
endIconType = Arrow,
toggled = toggled,
contentDescription = ,
)
Copyright 2024 Peter Gulko (zTrap)
Licensed under the Apache License, Version 2.0 ();
you may use except compliance the License.
You may obtain a copy of the License at
https:
Unless applicable law agreed to writing, software
distributed under the License distributed an BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express implied.
See the License the specific language governing permissions
limitations under the License.
Toggle icon with controlled progress
val progress = // any source which produce progress in 0f..1f bounds
NavigationToggleIcon(
modifier = Modifier.size(24.dp),
startIconType = Burger,
endIconType = Arrow,
progress = progress,
contentDescription = null,
)
Surfaced from shared tags and platforms — no rankings paid for.