Adaptive UI¶
Installation¶
Kotlin version | Compose version | Calf version |
---|---|---|
2.1.10 | 1.7.3 | 0.7.1 |
2.1.0 | 1.7.3 | 0.7.0 |
2.0.21 | 1.7.0 | 0.6.1 |
2.0.10 | 1.6.11 | 0.5.5 |
1.9.22 | 1.6.0 | 0.4.1 |
1.9.21 | 1.5.11 | 0.3.1 |
1.9.20 | 1.5.10 | 0.2.0 |
1.9.0 | 1.5.0 | 0.1.1 |
Add the following dependency to your module build.gradle.kts
file:
If you are using calf-ui
artifact, make sure to export it to binaries:
Regular Framework¶
kotlin {
targets
.filterIsInstance<KotlinNativeTarget>()
.filter { it.konanTarget.family == Family.IOS }
.forEach {
it.binaries.framework {
export("com.mohamedrejeb.calf:calf-ui:0.7.1")
}
}
}
CocoaPods¶
Important: Exporting
calf-ui
to binaries is required to make it work on iOS.
Components¶
Calf UI provides a set of adaptive UI components that adapt to the platform they are running on. Here's a list of available components:
- AdaptiveAlertDialog - A dialog that adapts to the platform it is running on
- AdaptiveBottomSheet - A bottom sheet that adapts to the platform it is running on
- AdaptiveCircularProgressIndicator - A circular progress indicator that adapts to the platform it is running on
- AdaptiveClickable - A clickable modifier that replaces indication on iOS with scaling effect
- AdaptiveDatePicker - A date picker that adapts to the platform it is running on
- AdaptiveTimePicker - A time picker that adapts to the platform it is running on