Skip to main navigationSkip to main content
Return to Sky UI homepage

system - text

Applying the text system modifier to your component will allow consumers of your component to pass in the following props:

PropTypeDefaultDescription
$textAlign(See MDN)undefinedApplies text-align styles
$textDecoration(See MDN)undefinedApplies text-decoration styles
$textTransform(See MDN)undefinedApplies text-transform styles
$textOverflow(See MDN)undefinedApplies text-overflow styles
$textIndent(See MDN)undefinedApplies text-indent styles
$textWrap(See MDN)undefinedApplies text-wrap styles
$whiteSpace(See MDN)undefinedApplies white-space styles
text | Sky UI Design System