SmallTitle

SmallTitle is a basic title component in Miuix used to create small-sized title text. It follows Miuix's design style with preset font size, weight, and padding.

Import

import top.yukonga.miuix.kmp.basic.SmallTitle

Basic Usage

SmallTitle component can be used to display small title text:

SmallTitle(
    text = "Small Title"
)

Customization

Custom Color

SmallTitle(
    text = "Small Title with Custom Color",
    textColor = Color.Red
)

Custom Padding

SmallTitle(
    text = "Small Title with Custom Padding",
    insideMargin = PaddingValues(16.dp, 4.dp)
)

Properties

SmallTitle Properties

Property Name	Type	Description	Default Value	Required
text	String	Text content to display	-	Yes
modifier	Modifier	Modifier applied to component	Modifier	No
textColor	Color	Title text color	MiuixTheme.colorScheme.onBackgroundVariant	No
insideMargin	PaddingValues	Component internal padding	PaddingValues(28.dp, 8.dp)	No

Advanced Usage

Using with Other Components

var checked by remember { mutableStateOf(false) }

Column {
    SmallTitle(text = "Settings")
    Card(
        modifier = Modifier.padding(horizontal = 12.dp).padding(bottom = 12.dp)
    ) {
        SuperSwitch(
            title = "Bluetooth",
            checked = checked,
            onCheckedChange = { checked = it }
        )
    }
    HorizontalDivider(
        modifier = Modifier.padding(horizontal = 12.dp)
    )
    SmallTitle(text = "Advanced Settings")
    // Other settings items
}

Custom Styling

SmallTitle(
    text = "Fully Customized Style",
    modifier = Modifier
        .fillMaxWidth()
        .background(Color.LightGray),
    textColor = Color.Blue,
    insideMargin = PaddingValues(32.dp, 12.dp)
)