component/glass.yasan.kepko.component

Package-level declarations

Types

Link copied to clipboard
@Immutable
data class AlertDialogColors(val containerColor: Color, val confirmButtonContainerColor: Color, val iconContentColor: Color, val titleContentColor: Color, val textContentColor: Color)
Link copied to clipboard
Link copied to clipboard
@Immutable
data class Badge(val text: @Composable () -> String, val containerColor: @Composable () -> Color = { KepkoTheme.colors.foreground }, val contentColor: @Composable () -> Color = { contentColorFor(containerColor()) }, val leadingIcon: @Composable () -> Painter? = null, val trailingIcon: @Composable () -> Painter? = null)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
@Immutable
data class CheckboxColors(val checkedCheckmarkColor: Color, val uncheckedCheckmarkColor: Color, val checkedBoxColor: Color, val uncheckedBoxColor: Color, val disabledCheckedBoxColor: Color, val disabledUncheckedBoxColor: Color, val disabledIndeterminateBoxColor: Color, val checkedBorderColor: Color, val uncheckedBorderColor: Color, val disabledBorderColor: Color, val disabledUncheckedBorderColor: Color, val disabledIndeterminateBorderColor: Color)
Link copied to clipboard
Link copied to clipboard
@Immutable
data class ExpandableColumnColors(val containerColor: Color, val contentColor: Color)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
@Immutable
data class ModalBottomSheetColors(val containerColor: Color, val contentColor: Color)
Link copied to clipboard
Link copied to clipboard
data class ModalBottomSheetTitle(val text: String, val icon: Painter? = null, val description: String? = null)
Link copied to clipboard
Link copied to clipboard
@Immutable
data class PreferenceContainerColors(val containerColor: Color, val contentColor: Color, val descriptionColor: Color, val disabledContainerColor: Color, val disabledContentColor: Color, val disabledDescriptionColor: Color)
Link copied to clipboard
Link copied to clipboard
@Immutable
data class PreferenceRadioGroupItem(val id: String, val badge: Badge? = null, val segment: Int = 0, val enabled: Boolean = true, val icon: Painter? = null, val description: String? = null, val title: @Composable () -> String)
Link copied to clipboard
@Immutable
data class PreferenceRadioGroupPickerChipColors(val containerColor: Color, val contentColor: Color, val outlineColor: Color)
Link copied to clipboard
Link copied to clipboard
@Immutable
data class PreferenceSegmentTitleColors(val contentColor: Color)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
@Immutable
data class SegmentedPickerColors(val containerColor: Color, val indicatorColor: Color, val selectedContentColor: Color, val unselectedContentColor: Color, val hoveredContentColor: Color, val disabledContentColor: Color, val outlineColor: Color)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
@Immutable
data class SegmentedPickerItem<T>(val value: T, val icon: Painter? = null, val text: String? = null, val contentDescription: String? = null, val enabled: Boolean = true)
Link copied to clipboard
@Immutable
data class SelectableChipColors(val unselectedContainerColor: Color, val unselectedContentColor: Color, val selectedContainerColor: Color, val selectedContentColor: Color, val outlineColor: Color)
Link copied to clipboard
Link copied to clipboard
@Immutable
data class Subtitle(val text: String, val icon: Painter, val iconContentDescription: String? = null, val modifier: Modifier = Modifier, val textTransformation: (String) -> String = String::uppercase)
Link copied to clipboard
@Immutable
data class TextButtonColors(val containerColor: Color, val contentColor: Color, val disabledContainerColor: Color, val disabledContentColor: Color)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
object TitleBarSemantics

Test tags for TitleBar.

Functions

Link copied to clipboard
@Composable
fun AlertDialog(onDismissRequest: () -> Unit, confirmButton: @Composable () -> Unit, modifier: Modifier = Modifier, dismissButton: @Composable () -> Unit? = null, icon: @Composable () -> Unit? = null, title: @Composable () -> Unit? = null, text: @Composable () -> Unit? = null, shape: Shape = AlertDialogDefaults.shape, colors: AlertDialogColors = AlertDialogDefaults.colors(), border: Brush = AlertDialogDefaults.border, borderThickness: Dp = AlertDialogDefaults.BorderThickness, tonalElevation: Dp = AlertDialogDefaults.TonalElevation, properties: DialogProperties = DialogProperties())
@Composable
fun AlertDialog(onDismissRequest: () -> Unit, confirmButtonText: String, onConfirmClick: () -> Unit, modifier: Modifier = Modifier, dismissButtonText: String? = null, onDismissClick: () -> Unit? = null, icon: @Composable () -> Unit? = null, title: String? = null, text: String? = null, shape: Shape = AlertDialogDefaults.shape, colors: AlertDialogColors = AlertDialogDefaults.colors(), border: Brush = AlertDialogDefaults.border, borderThickness: Dp = AlertDialogDefaults.BorderThickness, tonalElevation: Dp = AlertDialogDefaults.TonalElevation, properties: DialogProperties = DialogProperties())
Link copied to clipboard
@Composable
fun Background(modifier: Modifier = Modifier, shape: Shape = RectangleShape, contentColor: Color = contentColorFor(containerColor = KepkoTheme.colors.background), tonalElevation: Dp = 0.dp, shadowElevation: Dp = 0.dp, border: BorderStroke? = null, content: @Composable () -> Unit)
Link copied to clipboard
@Composable
fun BasicAlertDialog(onDismissRequest: () -> Unit, modifier: Modifier = Modifier, properties: DialogProperties = DialogProperties(), content: @Composable () -> Unit)
Link copied to clipboard
@Composable
fun Button(text: String?, onClick: () -> Unit, modifier: Modifier = Modifier, description: String? = null, onClickLabel: String? = null, onLongClick: () -> Unit? = null, onLongClickLabel: String? = null, onDoubleClick: () -> Unit? = null, contentModifier: Modifier = Modifier, selected: Boolean = false, containerColor: Color = ButtonDefaults.containerColor(selected), contentColor: Color = contentColorFor(containerColor), enabled: Boolean = true, shape: Shape = ButtonDefaults.shape(), textAlign: TextAlign = TextAlign.Start, fontSize: TextUnit = 14.sp, fontWeight: FontWeight = FontWeight.Bold, border: BorderStroke? = borderStrokeFor(containerColor), contentPadding: PaddingValues = ButtonDefaults.contentPadding(), interactionSource: MutableInteractionSource? = null, fillWidth: Boolean = true, badge: Badge? = null, hapticFeedbackEnabled: Boolean = true, leadingContent: @Composable RowScope.() -> Unit = {}, trailingContent: @Composable RowScope.() -> Unit = {})
@Composable
fun Button(text: String?, onClick: () -> Unit, leadingIcon: Painter?, modifier: Modifier = Modifier, description: String? = null, onClickLabel: String? = null, onLongClick: () -> Unit? = null, onLongClickLabel: String? = null, onDoubleClick: () -> Unit? = null, contentModifier: Modifier = Modifier, selected: Boolean = false, containerColor: Color = ButtonDefaults.containerColor(selected), contentColor: Color = contentColorFor(containerColor), enabled: Boolean = true, shape: Shape = ButtonDefaults.shape(), textAlign: TextAlign = TextAlign.Start, fontSize: TextUnit = 14.sp, fontWeight: FontWeight = FontWeight.Bold, border: BorderStroke? = borderStrokeFor(containerColor), contentPadding: PaddingValues = ButtonDefaults.contentPadding(), interactionSource: MutableInteractionSource? = null, fillWidth: Boolean = true, badge: Badge? = null, trailingIcon: Painter? = null, hapticFeedbackEnabled: Boolean = true)
Link copied to clipboard
@Composable
fun ButtonPrimitive(onClick: () -> Unit, content: @Composable RowScope.() -> Unit, modifier: Modifier = Modifier, onLongClick: () -> Unit? = null, onClickLabel: String? = null, onLongClickLabel: String? = null, onDoubleClick: () -> Unit? = null, hapticFeedbackEnabled: Boolean = true, containerColor: Color = ButtonPrimitiveDefaults.containerColor, contentColor: Color = ButtonPrimitiveDefaults.contentColor(containerColor), enabled: Boolean = true, shape: Shape = ButtonPrimitiveDefaults.shape, border: BorderStroke? = ButtonPrimitiveDefaults.border(containerColor), contentPadding: PaddingValues = ButtonPrimitiveDefaults.contentPadding(), indication: Indication? = ButtonPrimitiveDefaults.indication, interactionSource: MutableInteractionSource? = null)
Link copied to clipboard
@Composable
fun Checkbox(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource? = null, colors: CheckboxColors = CheckboxDefaults.colors())
Link copied to clipboard
@Composable
fun CheckboxText(text: String, checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource? = null, indication: Indication? = LocalIndication.current)
Link copied to clipboard
@Composable
fun CircularProgressIndicator(modifier: Modifier = Modifier, color: Color = ProgressIndicatorDefaults.color, trackColor: Color = ProgressIndicatorDefaults.trackColor)
@Composable
fun CircularProgressIndicator(progress: () -> Float, modifier: Modifier = Modifier, color: Color = ProgressIndicatorDefaults.color, trackColor: Color = ProgressIndicatorDefaults.trackColor)
Link copied to clipboard
@Composable
fun DragHandle(modifier: Modifier = Modifier, width: Dp = 64.dp, height: Dp = 4.dp, shape: Shape = KepkoTheme.shapes.extraLarge, containerColor: Color = KepkoTheme.colors.foreground, contentColor: Color = KepkoTheme.colors.contentSubtle, topDividerColor: Color = KepkoTheme.colors.outline)
Link copied to clipboard
@Composable
fun ExpandableColumn(title: String, expanded: Boolean, onExpandChange: (Boolean) -> Unit, modifier: Modifier = Modifier, icon: Painter? = null, enabled: Boolean = true, shape: Shape = ButtonDefaults.shape(), colors: ExpandableColumnColors = ExpandableColumnDefaults.colors(), border: BorderStroke? = ExpandableColumnDefaults.border, contentSpacing: Dp = 8.dp, contentEnterTransition: EnterTransition = ExpandableColumnDefaults.contentEnterTransition(), contentExitTransition: ExitTransition = ExpandableColumnDefaults.contentExitTransition(), chevronAnimationSpec: AnimationSpec<Float> = ExpandableColumnDefaults.chevronAnimationSpec(), content: @Composable ColumnScope.() -> Unit)
Link copied to clipboard
@Composable
fun Foreground(modifier: Modifier = Modifier, shape: Shape = RectangleShape, contentColor: Color = contentColorFor(containerColor = KepkoTheme.colors.foreground), tonalElevation: Dp = 0.dp, shadowElevation: Dp = 0.dp, border: BorderStroke? = null, content: @Composable () -> Unit)
Link copied to clipboard
@Composable
fun HorizontalDivider(modifier: Modifier = Modifier, color: Color = KepkoTheme.colors.outline, thickness: Dp = KepkoTheme.dimensions.borderThickness)
Link copied to clipboard
@Composable
fun Icon(bitmap: ImageBitmap, contentDescription: String?, tint: Color = LocalContentColor.current, modifier: Modifier = Modifier, size: Dp = KepkoTheme.dimensions.iconSize)
@Composable
fun Icon(painter: Painter, contentDescription: String? = null, tint: Color = LocalContentColor.current, modifier: Modifier = Modifier, size: Dp = KepkoTheme.dimensions.iconSize)
Link copied to clipboard
@Composable
fun IconButton(bitmap: ImageBitmap, contentDescription: String?, onClick: () -> Unit, modifier: Modifier = Modifier, tint: Color = LocalContentColor.current, enabled: Boolean = true, onClickLabel: String? = null, outerPadding: PaddingValues = IconButtonDefaults.OuterPadding, innerPadding: PaddingValues = IconButtonDefaults.InnerPadding, interactionSource: MutableInteractionSource? = null, indication: Indication? = LocalIndication.current)
@Composable
fun IconButton(painter: Painter, contentDescription: String?, onClick: () -> Unit, modifier: Modifier = Modifier, tint: Color = LocalContentColor.current, enabled: Boolean = true, onClickLabel: String? = null, outerPadding: PaddingValues = IconButtonDefaults.OuterPadding, innerPadding: PaddingValues = IconButtonDefaults.InnerPadding, interactionSource: MutableInteractionSource? = null, indication: Indication? = LocalIndication.current)
Link copied to clipboard
@Composable
fun KeyValue(key: String, value: String, modifier: Modifier = Modifier, onClick: () -> Unit? = null, onClickLabel: String? = null, onClickInteractionSource: MutableInteractionSource? = null, onClickIndication: Indication? = null, leadingIcon: Painter? = null, leadingContent: @Composable () -> Unit? = null, trailingIcon: Painter? = null, trailingContent: @Composable () -> Unit? = null)
Link copied to clipboard
@Composable
fun LinearProgressIndicator(modifier: Modifier = Modifier, color: Color = ProgressIndicatorDefaults.color, trackColor: Color = ProgressIndicatorDefaults.trackColor)
@Composable
fun LinearProgressIndicator(progress: () -> Float, modifier: Modifier = Modifier, color: Color = ProgressIndicatorDefaults.color, trackColor: Color = ProgressIndicatorDefaults.trackColor)
Link copied to clipboard
@Composable
fun Midground(modifier: Modifier = Modifier, shape: Shape = RectangleShape, contentColor: Color = contentColorFor(containerColor = KepkoTheme.colors.midground), tonalElevation: Dp = 0.dp, shadowElevation: Dp = 0.dp, border: BorderStroke? = null, content: @Composable () -> Unit)
Link copied to clipboard
@Composable
fun ModalBottomSheet(onDismissRequest: () -> Unit, modifier: Modifier = Modifier, sheetState: SheetState = rememberModalBottomSheetState(), sheetMaxWidth: Dp = ModalBottomSheetDefaults.sheetMaxWidth, sheetGesturesEnabled: Boolean = true, colors: ModalBottomSheetColors = ModalBottomSheetDefaults.colors(), shape: Shape = ModalBottomSheetDefaults.shape, tonalElevation: Dp = 0.dp, scrimColor: Color = ModalBottomSheetDefaults.scrimColor, dragHandle: @Composable () -> Unit? = { DragHandle() }, contentWindowInsets: @Composable () -> WindowInsets = { ModalBottomSheetDefaults.contentWindowInsets }, properties: ModalBottomSheetProperties = ModalBottomSheetProperties(), header: @Composable ColumnScope.() -> Unit = { HorizontalDivider(Modifier.fillMaxWidth()) }, title: ModalBottomSheetTitle? = null, content: @Composable ColumnScope.() -> Unit)
Link copied to clipboard
@Composable
fun OutlinedTextField(value: String, onValueChange: (String) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, isError: Boolean = false, label: String? = null, placeholder: @Composable () -> Unit? = null, leadingIcon: @Composable () -> Unit? = null, trailingIcon: @Composable () -> Unit? = null, prefix: @Composable () -> Unit? = null, suffix: @Composable () -> Unit? = null, singleLine: Boolean = false, maxLines: Int = if (singleLine) 1 else Int.MAX_VALUE, minLines: Int = 1, visualTransformation: VisualTransformation = VisualTransformation.None, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions.Default, textStyle: TextStyle = LocalTextStyle.current, shape: Shape = KepkoTheme.shapes.extraLarge, colors: TextFieldColors = OutlinedTextFieldDefaults.colors(), interactionSource: MutableInteractionSource? = null)
Link copied to clipboard
@Composable
fun PreferenceAppIdentity(title: String, versionName: String, modifier: Modifier = Modifier, icon: Painter? = null, iconTint: Color? = KepkoTheme.colors.content, extras: Array<String> = emptyArray(), badge: Badge? = null, contentPadding: PaddingValues = PaddingValues(all = 16.dp))
Link copied to clipboard
@Composable
fun PreferenceCheckbox(title: String, checked: Boolean, leadingIcon: Painter, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, badge: Badge? = null)
@Composable
fun PreferenceCheckbox(title: String, checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, leadingContent: @Composable () -> Unit = {}, badge: Badge? = null)
Link copied to clipboard
@Composable
fun PreferenceContainer(title: String, modifier: Modifier = Modifier, onClick: () -> Unit = {}, description: String? = null, enabled: Boolean = true, badge: Badge? = null, interactionSource: MutableInteractionSource? = null, indication: Indication? = null, shape: Shape = KepkoTheme.shapes.extraLarge, contentPadding: PaddingValues = PaddingValues(horizontal = 20.dp), colors: PreferenceContainerColors = PreferenceContainerDefaults.colors(), content: @Composable (PaddingValues) -> Unit)
@Composable
fun PreferenceContainer(title: String, modifier: Modifier = Modifier, onClick: () -> Unit = {}, description: String? = null, enabled: Boolean = true, additionalContent: @Composable () -> Unit? = null, leadingContent: @Composable () -> Unit = {}, trailingContent: @Composable () -> Unit = {}, badge: Badge? = null, interactionSource: MutableInteractionSource? = null, shape: Shape = KepkoTheme.shapes.extraLarge, colors: PreferenceContainerColors = PreferenceContainerDefaults.colors())
Link copied to clipboard
@Composable
fun PreferenceRadioButton(title: String, selected: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, leadingContent: @Composable () -> Unit = {}, badge: Badge? = null, reverse: Boolean = false)
@Composable
fun PreferenceRadioButton(title: String, selected: Boolean, onClick: () -> Unit, leadingIcon: Painter, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, badge: Badge? = null, reverse: Boolean = false)
Link copied to clipboard
@Composable
fun PreferenceRadioGroup(title: String, selected: PreferenceRadioGroupItem?, items: List<PreferenceRadioGroupItem>, onSelect: (PreferenceRadioGroupItem) -> Unit, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, badge: Badge? = null, content: @Composable () -> Unit = {})
@Composable
fun PreferenceRadioGroup(title: String, selectedId: String?, items: List<PreferenceRadioGroupItem>, onSelectId: (String) -> Unit, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, badge: Badge? = null, content: @Composable () -> Unit = {})
Link copied to clipboard
@Composable
fun PreferenceRadioGroupPicker(title: String, selectedId: String?, items: List<PreferenceRadioGroupItem>, onSelectId: (String) -> Unit, modifier: Modifier = Modifier, sheetState: SheetState = rememberModalBottomSheetState(), description: String? = null, badge: Badge? = null, enabled: Boolean = true, closeOnSelection: Boolean = true, leadingContent: @Composable () -> Unit = {})
@Composable
fun PreferenceRadioGroupPicker(title: String, selectedId: String?, items: List<PreferenceRadioGroupItem>, onSelectId: (String) -> Unit, leadingIcon: Painter, modifier: Modifier = Modifier, sheetState: SheetState = rememberModalBottomSheetState(), description: String? = null, badge: Badge? = null, enabled: Boolean = true, closeOnSelection: Boolean = true)
Link copied to clipboard
@Composable
fun PreferenceRadioGroupPickerChip(title: String, selectedId: String?, items: List<PreferenceRadioGroupItem>, onSelectId: (String) -> Unit, modifier: Modifier = Modifier, sheetState: SheetState = rememberModalBottomSheetState(), description: String? = null, enabled: Boolean = true, closeOnSelection: Boolean = true, displayMode: PreferenceRadioGroupPickerChipDisplayMode = ICON_WITH_TEXT, colors: PreferenceRadioGroupPickerChipColors = PreferenceRadioGroupPickerChipDefaults.colors(), onLongClick: () -> Unit? = null, onLongClickLabel: String? = null, leadingContent: @Composable () -> Unit = {})
@Composable
fun PreferenceRadioGroupPickerChip(title: String, selectedId: String?, items: List<PreferenceRadioGroupItem>, onSelectId: (String) -> Unit, leadingIcon: Painter, modifier: Modifier = Modifier, sheetState: SheetState = rememberModalBottomSheetState(), description: String? = null, enabled: Boolean = true, closeOnSelection: Boolean = true, displayMode: PreferenceRadioGroupPickerChipDisplayMode = ICON_WITH_TEXT, colors: PreferenceRadioGroupPickerChipColors = PreferenceRadioGroupPickerChipDefaults.colors(), onLongClick: () -> Unit? = null, onLongClickLabel: String? = null)
Link copied to clipboard
@Composable
fun PreferenceRadioGroupSheet(title: String, selectedId: String?, items: List<PreferenceRadioGroupItem>, onSelectItem: (PreferenceRadioGroupItem) -> Unit, modifier: Modifier = Modifier, description: String? = null, leadingContent: @Composable () -> Unit = {})
@Composable
fun PreferenceRadioGroupSheet(title: String, description: String?, selectedId: String?, items: List<PreferenceRadioGroupItem>, onSelectId: (String) -> Unit, visible: Boolean, onDismiss: () -> Unit, sheetState: SheetState, closeOnSelection: Boolean, icon: Painter? = null)
Link copied to clipboard
@Composable
fun PreferenceSegmentTitle(title: String, modifier: Modifier = Modifier, contentPadding: PaddingValues = PaddingValues( start = 16.dp, top = 24.dp, end = 16.dp, bottom = 4.dp, ), colors: PreferenceSegmentTitleColors = PreferenceSegmentTitleDefaults.colors())
Link copied to clipboard
@Composable
fun PreferenceSlider(title: String, value: Float, valueLabel: @Composable () -> Unit?, onValueChange: (Float) -> Unit, onValueChangeFinished: () -> Unit? = null, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, badge: Badge? = null, valueRange: ClosedFloatingPointRange<Float> = 0f..1f, @IntRange(from = 0) steps: Int = 0, content: @Composable () -> Unit = {})
@Composable
fun PreferenceSlider(title: String, value: Float, onValueChange: (Float) -> Unit, onValueChangeFinished: () -> Unit? = null, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, badge: Badge? = null, valueRange: ClosedFloatingPointRange<Float> = 0f..1f, @IntRange(from = 0) steps: Int = 0, valueLabelPrefix: String? = null, valueLabelSuffix: String? = null, transformValueLabel: (Float) -> String?? = null, content: @Composable () -> Unit = {})
Link copied to clipboard
@Composable
fun PreferenceSwitch(title: String, checked: Boolean, leadingIcon: Painter, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, badge: Badge? = null)
@Composable
fun PreferenceSwitch(title: String, checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, description: String? = null, enabled: Boolean = true, leadingContent: @Composable () -> Unit = {}, badge: Badge? = null)
Link copied to clipboard
@Composable
fun ProvideScaffoldContentMaxWidth(maxWidth: Dp, content: @Composable () -> Unit)

Caps and centers the content and bottom bar of every Scaffold inside content; title bars stay full width.

Link copied to clipboard
@Composable
fun ProvideTitleBarBackButton(visible: Boolean, content: @Composable () -> Unit)

Hides the back button of the outermost Scaffolds in content; scaffolds nested in their content keep theirs.

Link copied to clipboard
@Composable
fun RadioButton(selected: Boolean, onClick: () -> Unit?, modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource? = null, minimumInteractiveComponentSize: Dp? = null)
Link copied to clipboard
@Composable
fun Scaffold(modifier: Modifier = Modifier, topBar: @Composable () -> Unit, bottomBar: @Composable RowScope.() -> Unit = {}, snackbarHost: @Composable () -> Unit = {}, floatingActionButton: @Composable () -> Unit = {}, floatingActionButtonPosition: FabPosition = FabPosition.End, containerColor: Color = KepkoTheme.colors.midground, contentColor: Color = contentColorFor(containerColor), contentWindowInsets: WindowInsets = ScaffoldDefaults.contentWindowInsets, content: @Composable (contentPadding: PaddingValues) -> Unit)
@Composable
fun Scaffold(title: String, modifier: Modifier = Modifier, leadingContent: @Composable RowScope.() -> Unit? = null, trailingContent: @Composable RowScope.() -> Unit? = null, bottomBar: @Composable RowScope.() -> Unit = {}, snackbarHost: @Composable () -> Unit = {}, floatingActionButton: @Composable () -> Unit = {}, floatingActionButtonPosition: FabPosition = FabPosition.End, containerColor: Color = KepkoTheme.colors.midground, contentColor: Color = contentColorFor(containerColor), contentWindowInsets: WindowInsets = ScaffoldDefaults.contentWindowInsets, badge: Badge? = null, subtitle: @Composable () -> Subtitle? = null, textAlign: TextAlign = TextAlign.Unspecified, reverse: Boolean = false, content: @Composable (contentPadding: PaddingValues) -> Unit)
@Composable
fun Scaffold(title: String, onBackClick: () -> Unit, modifier: Modifier = Modifier, backIcon: Painter = Icons.chevronBackward, trailingContent: @Composable RowScope.() -> Unit = {}, bottomBar: @Composable RowScope.() -> Unit = {}, snackbarHost: @Composable () -> Unit = {}, floatingActionButton: @Composable () -> Unit = {}, floatingActionButtonPosition: FabPosition = FabPosition.End, containerColor: Color = KepkoTheme.colors.midground, contentColor: Color = contentColorFor(containerColor), contentWindowInsets: WindowInsets = ScaffoldDefaults.contentWindowInsets, badge: Badge? = null, subtitle: @Composable () -> Subtitle? = null, textAlign: TextAlign = TextAlign.Unspecified, reverse: Boolean = false, content: @Composable (contentPadding: PaddingValues) -> Unit)
Link copied to clipboard
@Composable
fun <T> SegmentedPicker(items: List<SegmentedPickerItem<T>>, selected: T, onSelect: (T) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, shape: Shape = SegmentedPickerDefaults.shape(), contentPadding: PaddingValues = SegmentedPickerDefaults.contentPadding(), indicatorInset: Dp = SegmentedPickerDefaults.IndicatorInset, displayMode: SegmentedPickerDisplayMode = ICON_WITH_TEXT, revealDuration: Duration = SegmentedPickerDefaults.RevealDuration, maxLines: Int = 1, colors: SegmentedPickerColors = SegmentedPickerDefaults.colors())
Link copied to clipboard
@Composable
fun SelectableChip(title: String, selected: Boolean, onSelectedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, leadingIcon: Painter? = null, enabled: Boolean = true, shape: Shape = ButtonDefaults.shape(), contentPadding: PaddingValues = ButtonDefaults.contentPadding(), fillWidth: Boolean = false, colors: SelectableChipColors = SelectableChipDefaults.colors())
Link copied to clipboard
@Composable
fun Slider(value: Float, onValueChange: (Float) -> Unit, onValueChangeFinished: () -> Unit? = null, valueRange: ClosedFloatingPointRange<Float> = 0f..1f, @IntRange(from = 0) steps: Int = 0, modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() })
Link copied to clipboard
@Composable
fun SubtitleBar(subtitle: Subtitle, modifier: Modifier = subtitle.modifier)
Link copied to clipboard
@Composable
fun Surface(color: Color, modifier: Modifier = Modifier, shape: Shape = RectangleShape, contentColor: Color = contentColorFor(containerColor = color), tonalElevation: Dp = 0.dp, shadowElevation: Dp = 0.dp, border: BorderStroke? = null, content: @Composable () -> Unit)
Link copied to clipboard
@Composable
fun Switch(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true)
Link copied to clipboard
@Composable
fun Text(text: String, style: TextStyle, modifier: Modifier = Modifier, color: Color = LocalContentColor.current, textAlign: TextAlign? = null, overflow: TextOverflow = TextOverflow.Clip, softWrap: Boolean = true, maxLines: Int = Int.MAX_VALUE, minLines: Int = 1)
@Composable
fun Text(text: String, modifier: Modifier = Modifier, color: Color = LocalContentColor.current, fontSize: TextUnit = TextUnit.Unspecified, fontStyle: FontStyle? = null, fontWeight: FontWeight? = null, textAlign: TextAlign? = null, overflow: TextOverflow = TextOverflow.Clip, softWrap: Boolean = true, maxLines: Int = Int.MAX_VALUE, minLines: Int = 1, lineHeight: TextUnit = TextUnit.Unspecified)
Link copied to clipboard
@Composable
fun TextButton(onClick: () -> Unit, content: @Composable RowScope.() -> Unit, modifier: Modifier = Modifier, colors: TextButtonColors = TextButtonDefaults.colors(), enabled: Boolean = true, shape: Shape = KepkoTheme.shapes.extraLarge, border: BorderStroke? = null, elevation: ButtonElevation? = null, contentPadding: PaddingValues = TextButtonDefaults.ContentPadding, interactionSource: MutableInteractionSource? = null)
Link copied to clipboard
@Composable
fun TextField(value: String, onValueChange: (String) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, isError: Boolean = false, label: String? = null, placeholder: @Composable () -> Unit? = null, leadingIcon: @Composable () -> Unit? = null, trailingIcon: @Composable () -> Unit? = null, prefix: @Composable () -> Unit? = null, suffix: @Composable () -> Unit? = null, singleLine: Boolean = false, maxLines: Int = if (singleLine) 1 else Int.MAX_VALUE, minLines: Int = 1, visualTransformation: VisualTransformation = VisualTransformation.None, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions.Default, textStyle: TextStyle = LocalTextStyle.current, shape: Shape = KepkoTheme.shapes.extraLarge, colors: TextFieldColors = TextFieldDefaults.colors(), interactionSource: MutableInteractionSource? = null)
Link copied to clipboard
@Composable
fun TextMono(text: String, modifier: Modifier = Modifier, color: Color = LocalContentColor.current, fontSize: TextUnit = TextUnit.Unspecified, fontStyle: FontStyle? = null, fontWeight: FontWeight? = null, textAlign: TextAlign? = null, overflow: TextOverflow = TextOverflow.Clip, softWrap: Boolean = true, maxLines: Int = Int.MAX_VALUE, minLines: Int = 1, lineHeight: TextUnit = TextUnit.Unspecified)
Link copied to clipboard
@Composable
fun TextPill(badge: Badge, modifier: Modifier = Modifier, shape: Shape = TextPillDefaults.shape, animations: TextPillDefaults.Animations = TextPillDefaults.animations(), onClick: () -> Unit? = null, onClickInteractionSource: MutableInteractionSource? = null, onClickIndication: Indication? = null)
@Composable
fun TextPill(text: String, containerColor: Color, modifier: Modifier = Modifier, leadingIcon: Painter? = null, trailingIcon: Painter? = null, contentColor: Color = contentColorFor(containerColor), border: BorderStroke? = borderStrokeFor(containerColor), shape: Shape = TextPillDefaults.shape, fontSize: TextUnit = TextUnit.Unspecified, fontWeight: FontWeight = FontWeight.Medium, textTransformation: (String) -> String = { it.uppercase() }, animations: TextPillDefaults.Animations = TextPillDefaults.animations(), onClick: () -> Unit? = null, onClickInteractionSource: MutableInteractionSource? = null, onClickIndication: Indication? = null)
Link copied to clipboard
@Composable
fun TextTabular(text: String, modifier: Modifier = Modifier, color: Color = LocalContentColor.current, fontSize: TextUnit = TextUnit.Unspecified, fontStyle: FontStyle? = null, fontWeight: FontWeight? = null, fontFamily: FontFamily? = null, charWidth: Dp? = null, animationSpec: AnimationSpec<Float>? = TextTabularDefaults.animationSpec())

A text component that renders each character in an equal-width slot, with built-in animations for character changes.

Link copied to clipboard
@Composable
fun TitleBar(modifier: Modifier = Modifier, content: @Composable RowScope.() -> Unit)
@Composable
fun TitleBar(title: String, modifier: Modifier = Modifier, leadingContent: @Composable RowScope.() -> Unit? = null, trailingContent: @Composable RowScope.() -> Unit? = null, badge: Badge? = null, textAlign: TextAlign = TextAlign.Unspecified, reverse: Boolean = false)
@Composable
fun TitleBar(title: String, onBackClick: () -> Unit, modifier: Modifier = Modifier, backIcon: Painter = Icons.chevronBackward, trailingContent: @Composable RowScope.() -> Unit = {}, badge: Badge? = null, textAlign: TextAlign = TextAlign.Unspecified, reverse: Boolean = false)
Link copied to clipboard
@Composable
fun VerticalDivider(modifier: Modifier = Modifier, color: Color = KepkoTheme.colors.outline, thickness: Dp = KepkoTheme.dimensions.borderThickness)
Generated by Dokka
© 2026 Copyright