Typo
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
fontFamily
Link copied to clipboard
open fun fontFamily(sm: FontFamilies.() -> Property? = null, md: FontFamilies.() -> Property? = null, lg: FontFamilies.() -> Property? = null, xl: FontFamilies.() -> Property? = null)
Content copied to clipboard
This function sets the font-family property for each media device independently.
fontSize
Link copied to clipboard
open fun fontSize(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
Content copied to clipboard
This function sets the font-size property for each media device independently.
fontStyle
Link copied to clipboard
open fun fontStyle(sm: FontStyles.() -> FontStyleProperty? = null, md: FontStyles.() -> FontStyleProperty? = null, lg: FontStyles.() -> FontStyleProperty? = null, xl: FontStyles.() -> FontStyleProperty? = null)
Content copied to clipboard
This function sets the font-style property for each media device independently.
fontWeight
Link copied to clipboard
open fun fontWeight(sm: FontWeights.() -> FontWeightProperty? = null, md: FontWeights.() -> FontWeightProperty? = null, lg: FontWeights.() -> FontWeightProperty? = null, xl: FontWeights.() -> FontWeightProperty? = null)
Content copied to clipboard
This function sets the font-weight property for each media device independently.
letterSpacing
Link copied to clipboard
open fun letterSpacing(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
Content copied to clipboard
This function sets the letter-spacing property for each media device independently.
lineHeight
Link copied to clipboard
open fun lineHeight(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
Content copied to clipboard
This function sets the line-height property for each media device independently.
textAlign
Link copied to clipboard
open fun textAlign(sm: TextAligns.() -> TextAlignProperty? = null, md: TextAligns.() -> TextAlignProperty? = null, lg: TextAligns.() -> TextAlignProperty? = null, xl: TextAligns.() -> TextAlignProperty? = null)
Content copied to clipboard
This function sets the text-align property for each media device independently.
textDecoration
Link copied to clipboard
open fun textDecoration(value: TextDecorations.() -> TextDecorationProperty)
Content copied to clipboard
open fun textDecoration(sm: TextDecorations.() -> TextDecorationProperty? = null, md: TextDecorations.() -> TextDecorationProperty? = null, lg: TextDecorations.() -> TextDecorationProperty? = null, xl: TextDecorations.() -> TextDecorationProperty? = null)
Content copied to clipboard
This function sets the text-decoration property for each media device independently.
textTransform
Link copied to clipboard
open fun textTransform(value: TextTransforms.() -> TextTransformProperty)
Content copied to clipboard
open fun textTransform(sm: TextTransforms.() -> TextTransformProperty? = null, md: TextTransforms.() -> TextTransformProperty? = null, lg: TextTransforms.() -> TextTransformProperty? = null, xl: TextTransforms.() -> TextTransformProperty? = null)
Content copied to clipboard
This function sets the text-transform property for each media device independently.
Properties
lgProperties
Link copied to clipboard
collects the properties for large screens
mdProperties
Link copied to clipboard
collects the properties for middle-sized screens
smProperties
Link copied to clipboard
collects the properties for small screens
xlProperties
Link copied to clipboard
collects the properties for extra-large screens
Inheritors
BasicParams
Link copied to clipboard