OudsHeadingText

fun OudsHeadingText(text: String, modifier: Modifier = Modifier, size: OudsHeadingTextSize = OudsHeadingTextDefaults.Size)

Heading styles are used to structure content and define the hierarchy of information within an interface. Available in multiple sizes, they help users quickly understand the organization of a page or section. Their size automatically adjusts across breakpoints to ensure optimal readability on all devices. Headings serve as the primary entry point for visual navigation.

Design

NameHeading
Version1.0.0

Parameters

text

Text to display.

modifier

Modifier applied to the heading text.

size

Size of the heading text.

Samples

OudsHeadingText(
    modifier = Modifier.padding(OudsTheme.spaces.fixed.small),
    text = "Heading",
    size = OudsHeadingTextSize.Medium
)
OudsHeadingText(
    modifier = Modifier.padding(OudsTheme.spaces.fixed.small),
    text = "Heading",
    size = OudsHeadingTextSize.Large()
)
OudsHeadingText(
    modifier = Modifier.padding(OudsTheme.spaces.fixed.small),
    text = "Heading",
    size = OudsHeadingTextSize.Large(marker = false)
)