---
title: "Core — text"
canonical: https://sky-ui.cf.sky.com/core/system/text
---

# Core — text

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

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `$textAlign` | [(See MDN)](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) | undefined | Applies text-align styles |
| `$textDecoration` | [(See MDN)](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) | undefined | Applies text-decoration styles |
| `$textTransform` | [(See MDN)](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) | undefined | Applies text-transform styles |
| `$textOverflow` | [(See MDN)](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow) | undefined | Applies text-overflow styles |
| `$textIndent` | [(See MDN)](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent) | undefined | Applies text-indent styles |
| `$textWrap` | [(See MDN)](https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap) | undefined | Applies text-wrap styles |
| `$whiteSpace` | [(See MDN)](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) | undefined | Applies white-space styles |