Text Styles

This page documents all text styles provided by Miuix, based on the actual implementation.

Using Text Styles

• Use MiuixTheme.textStyles.<name> in composables.
• The color of all styles is set from MiuixTheme.colorScheme.onBackground at runtime.

Styles

Style Name	Size	Weight	Line Height
main	17sp	Normal	-
paragraph	17sp	Normal	1.2em
body1	16sp	Normal	-
body2	14sp	Normal	-
button	17sp	Normal	-
footnote1	13sp	Normal	-
footnote2	11sp	Normal	-
headline1	17sp	Normal	-
headline2	16sp	Normal	-
subtitle	14sp	Bold	-
title1	32sp	Normal	-
title2	24sp	Normal	-
title3	20sp	Normal	-
title4	18sp	Normal	-

Usage

Text(
    text = "Title",
    style = MiuixTheme.textStyles.title2
)

Text(
    text = "Body",
    style = MiuixTheme.textStyles.body1
)

Customization

• Override styles via defaultTextStyles(...) and pass to MiuixTheme(textStyles = ...).

val customTextStyles = defaultTextStyles(
    title1 = TextStyle(
        fontSize = 36.sp,
        fontWeight = FontWeight.Bold
    )
)

val controller = remember { ThemeController(ColorSchemeMode.System) }
MiuixTheme(
    controller = controller,
    textStyles = customTextStyles
) { /* Content */ }

Changelog

Last edited 5 days ago

View full history

c9bf7ee-docs: Update colors/textstyles docs