Typo

@ExperimentalCoroutinesApi()
interface Typo : StyleParams

This context interface offers functions to style the typography related CSS properties of a component.

It offers functions to define text oriented style properties like font-weight, font-style, etc.

There are overrides for all functions that enable one to define the styling for the different media devices independently.

Functions

equals
Link copied to clipboard
js
open operator fun equals(other: Any?): Boolean
fontFamily
Link copied to clipboard
js
open fun fontFamily(value: FontFamilies.() -> Property)
This function sets the font-family property.
open fun fontFamily(sm: FontFamilies.() -> Property? = null, md: FontFamilies.() -> Property? = null, lg: FontFamilies.() -> Property? = null, xl: FontFamilies.() -> Property? = null)
This function sets the font-family property for each media device independently.
fontSize
Link copied to clipboard
js
open fun fontSize(value: ScaledValueProperty)
This function sets the font-size propertyExample call:
fontSize { small }
open fun fontSize(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the font-size property for each media device independently.
fontStyle
Link copied to clipboard
js
open fun fontStyle(value: FontStyles.() -> FontStyleProperty)
This function sets the font-style propertyExample call:
fontStyle { normal }
open fun fontStyle(sm: FontStyles.() -> FontStyleProperty? = null, md: FontStyles.() -> FontStyleProperty? = null, lg: FontStyles.() -> FontStyleProperty? = null, xl: FontStyles.() -> FontStyleProperty? = null)
This function sets the font-style property for each media device independently.
fontWeight
Link copied to clipboard
js
open fun fontWeight(value: FontWeights.() -> FontWeightProperty)
This function sets the font-weight propertyExample call:
fontWeight { bold }
open fun fontWeight(sm: FontWeights.() -> FontWeightProperty? = null, md: FontWeights.() -> FontWeightProperty? = null, lg: FontWeights.() -> FontWeightProperty? = null, xl: FontWeights.() -> FontWeightProperty? = null)
This function sets the font-weight property for each media device independently.
hashCode
Link copied to clipboard
js
open fun hashCode(): Int
letterSpacing
Link copied to clipboard
js
open fun letterSpacing(value: ScaledValueProperty)
This function sets the letter-spacing propertyExample call:
letter-spacing { small }
open fun letterSpacing(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the letter-spacing property for each media device independently.
lineHeight
Link copied to clipboard
js
open fun lineHeight(value: ScaledValueProperty)
This function sets the line-height propertyExample call:
lineHeight { small }
open fun lineHeight(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the line-height property for each media device independently.
textAlign
Link copied to clipboard
js
open fun textAlign(value: TextAligns.() -> TextAlignProperty)
This function sets the text-align propertyExample call:
textAlign { center }
open fun textAlign(sm: TextAligns.() -> TextAlignProperty? = null, md: TextAligns.() -> TextAlignProperty? = null, lg: TextAligns.() -> TextAlignProperty? = null, xl: TextAligns.() -> TextAlignProperty? = null)
This function sets the text-align property for each media device independently.
textDecoration
Link copied to clipboard
js
open fun textDecoration(value: TextDecorations.() -> TextDecorationProperty)
This function sets the text-decoration propertyExample call:
textDecoration { bold }
open fun textDecoration(sm: TextDecorations.() -> TextDecorationProperty? = null, md: TextDecorations.() -> TextDecorationProperty? = null, lg: TextDecorations.() -> TextDecorationProperty? = null, xl: TextDecorations.() -> TextDecorationProperty? = null)
This function sets the text-decoration property for each media device independently.
textTransform
Link copied to clipboard
js
open fun textTransform(value: TextTransforms.() -> TextTransformProperty)
This function sets the text-transform propertyExample call:
textTransform { capitalize }
open fun textTransform(sm: TextTransforms.() -> TextTransformProperty? = null, md: TextTransforms.() -> TextTransformProperty? = null, lg: TextTransforms.() -> TextTransformProperty? = null, xl: TextTransforms.() -> TextTransformProperty? = null)
This function sets the text-transform property for each media device independently.
toString
Link copied to clipboard
js
open fun toString(): String

Properties

lgProperties
Link copied to clipboard
js
abstract val lgProperties: StringBuilder
collects the properties for large screens
mdProperties
Link copied to clipboard
js
abstract val mdProperties: StringBuilder
collects the properties for middle-sized screens
smProperties
Link copied to clipboard
js
abstract val smProperties: StringBuilder
collects the properties for small screens
xlProperties
Link copied to clipboard
js
abstract val xlProperties: StringBuilder
collects the properties for extra-large screens

Inheritors

BasicParams
Link copied to clipboard