fun CheckBox(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, sizeType: CheckBoxSize = CheckBoxSize.Medium, text: String = "", enabled: Boolean = true, contentColor: Color = HandyTheme.colors.checkBoxSelected)

선택, 비선택, 비활성화 상태를 나타낼 수 있는 CheckBox입니다.

Divider

@Composable

fun Divider(thickness: Dp = 1.dp, color: Color = HandyTheme.colors.lineBasicLight)

기본 Divider로, 인디케이터 아래에 있는 탭의 하단에 수평으로 배치됩니다.

FixedTab

@Composable

fun FixedTab(selectedTabIndex: Int, modifier: Modifier = Modifier, backgroundColor: Color = HandyTheme.colors.bgBasicDefault, contentColor: Color = HandyTheme.colors.textBasicPrimary, tabs: @Composable () -> Unit)

FixedTab에는 TabItem 행이 포함되어 있으며 현재 선택된 탭 아래에 인디케이터가 표시됩니다. FixedTab은 전체 행을 따라 균등한 간격으로 탭을 배치하며 각 탭은 동일한 공간을 차지합니다.

HandyTheme

@Composable

fun HandyTheme(isDarkMode: Boolean = isSystemInDarkTheme(), content: @Composable () -> Unit)

Icon

@Composable

fun Icon(bitmap: ImageBitmap, modifier: Modifier = Modifier, tint: Color = LocalContentColor.current, iconSize: IconSize = IconSize.M, contentDescription: String? = null)

@Composable

fun Icon(painter: Painter, modifier: Modifier = Modifier, tint: Color = LocalContentColor.current, iconSize: IconSize = IconSize.M, contentDescription: String? = null)

@Composable

fun Icon(imageVector: ImageVector, modifier: Modifier = Modifier, tint: Color = LocalContentColor.current, iconSize: IconSize = IconSize.M, contentDescription: String? = null)

Indicator

@Composable

fun Indicator(modifier: Modifier = Modifier, height: Dp = 2.dp, color: Color = HandyTheme.colors.bgBasicBlack)

기본 Indicator로, 구분선 위에 있는 탭의 하단에 배치됩니다.

ScrollableTab

@Composable

fun ScrollableTab(selectedTabIndex: Int, modifier: Modifier = Modifier, backgroundColor: Color = HandyTheme.colors.bgBasicDefault, contentColor: Color = HandyTheme.colors.textBasicPrimary, tabs: @Composable () -> Unit)

ScrollableTab에는 TabItem 행이 포함되어 있으며 현재 탭 아래에 인디케이터가 표시됩니다.

Surface

@Composable

fun Surface(modifier: Modifier = Modifier, rounding: Dp? = null, shape: Shape = rounding?.let { RoundedCornerShape(it) } ?: RectangleShape, backgroundColor: Color = HandyTheme.colors.bgBasicDefault, contentColor: Color = LocalContentColor.current, border: BorderStroke? = null, content: @Composable () -> Unit)

Surface : 어떠한 상호작용도 없는 기본적인 Surface 입니다. 비상호작용적인 UI 요소로 사용됩니다.

@Composable

fun Surface(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, rounding: Dp? = null, shape: Shape = rounding?.let { RoundedCornerShape(it) } ?: RectangleShape, backgroundColor: Color = HandyTheme.colors.bgBasicDefault, contentColor: Color = LocalContentColor.current, border: BorderStroke? = null, content: @Composable () -> Unit)

Clickable Surface : 클릭 가능한 Surface 입니다.

@Composable

fun Surface(selected: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, rounding: Dp? = null, shape: Shape = rounding?.let { RoundedCornerShape(it) } ?: RectangleShape, backgroundColor: Color = HandyTheme.colors.bgBasicDefault, contentColor: Color = LocalContentColor.current, border: BorderStroke? = null, content: @Composable () -> Unit)

Selectable Surface : 선택이 가능한 Surface 입니다.

@Composable

fun Surface(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, rounding: Dp? = null, shape: Shape = rounding?.let { RoundedCornerShape(it) } ?: RectangleShape, backgroundColor: Color = HandyTheme.colors.bgBasicDefault, contentColor: Color = LocalContentColor.current, border: BorderStroke? = null, content: @Composable () -> Unit)

Toggleable Surface : 토글 기능이 있는 Surface 입니다.

tabIndicatorOffset

fun Modifier.tabIndicatorOffset(currentTabPosition: TabPosition, tabMargin: Dp): Modifier

인디케이터의 오프셋과 너비를 조정합니다. 각 탭의 양옆에 tabMargin만큼의 마진을 두고, 인디케이터가 해당 마진을 고려하여 조정됩니다. 인디케이터는 선택된 탭의 위치에 맞춰서 배치되며, 탭의 너비에서 양옆의 마진을 제외한 너비를 가집니다.

TabItem

@Composable

fun TabItem(selected: Boolean, onClick: () -> Unit, text: String, modifier: Modifier = Modifier, selectedContentColor: Color = HandyTheme.colors.textBasicPrimary, unselectedContentColor: Color = HandyTheme.colors.textBasicTertiary)

Text

@Composable

fun Text(text: String, modifier: Modifier = Modifier, color: Color = Color.Unspecified, fontSize: Dp = Dp.Unspecified, fontStyle: FontStyle? = null, fontWeight: FontWeight? = null, letterSpacing: TextUnit = TextUnit.Unspecified, textAlign: TextAlign = TextAlign.Unspecified, lineHeight: Dp = Dp.Unspecified, overflow: TextOverflow = TextOverflow.Clip, maxLines: Int = Int.MAX_VALUE, minLines: Int = 1, onTextLayout: (TextLayoutResult) -> Unit = {}, style: HandyTextStyle = LocalTextStyle.current)