kwik/com.isakaro.kwik.ui.text/KwikText

KwikText

Text component that uses the Material3 typography system.

Functions

fun BodyLarge(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Body large text

BodyMedium

@Composable

fun BodyMedium(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Body medium text

BodySmall

@Composable

fun BodySmall(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Body small text

DisplayLarge

@Composable

fun DisplayLarge(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, fontStyle: FontStyle? = null, textAlign: TextAlign = TextAlign.Start, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Display Large Text

DisplayMedium

@Composable

fun DisplayMedium(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Display Medium Text

DisplaySmall

@Composable

fun DisplaySmall(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Display Small Text

HeadlineLarge

@Composable

fun HeadlineLarge(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Headline large text

HeadlineMedium

@Composable

fun HeadlineMedium(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Headline medium

HeadlineSmall

@Composable

fun HeadlineSmall(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Headline small text

LabelLarge

@Composable

fun LabelLarge(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Label large text

LabelMedium

@Composable

fun LabelMedium(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Label medium text

LabelSmall

@Composable

fun LabelSmall(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Label small text

Quote

@Composable

fun Quote(modifier: Modifier = Modifier, text: Any, author: String? = null, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle = FontStyle.Italic, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

A quote text component for displaying quotes.

RenderText

@Composable

fun RenderText(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, textDecoration: TextDecoration = TextDecoration.None, style: TextStyle = MaterialTheme.typography.bodyLarge, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis, onTextLayout: (TextLayoutResult) -> Unit = {})

Base Text component that uses the Material3 typography system.

TitleLarge

@Composable

fun TitleLarge(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Title large text

TitleMedium

@Composable

fun TitleMedium(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Title medium text

TitleSmall

@Composable

fun TitleSmall(modifier: Modifier = Modifier, text: Any, color: Color = MaterialTheme.colorScheme.onSurface, fontWeight: FontWeight? = null, textAlign: TextAlign = TextAlign.Start, fontStyle: FontStyle? = null, maxLines: Int = Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Ellipsis)

Title small text