---
path: "/text/props"
component: "text"
type: "atom"
date: "2017-07-12T17:12:33.962Z"
title: "Text"
---

(***Variations***: Text.p, Text.span, Text.s)

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| align | represents `text-align` css property | css value string | null |
| color | color of the text | string / from theme | null |
| fontFamily | font family of the text | string / from theme | null |
| fontSize | font size of the text | string / from theme | null |
| fontStyle | font style of the text | string / from theme | null |
| fontWeight | font weight of the text | string / from theme | null |
| letterSpacing | represents `letter-spacing` css property | string / from theme | null |
| lineHeight | represents `line-height` css property | string / from theme | null |
| m | margin | px string / from theme| null |
| mb | margin bottom | px string / from theme| null |
| ml | margin left | px string / from theme| null |
| mr | margin right | px string / from theme| null |
| mt | margin top | px string / from theme| null |
| mx | margin for left and right | px string / from theme| null |
| my | margin for top and bottom | px string / from theme| null |
| p | padding for all 4 side | px string / from theme| null |
| pb | padding bottom | px string / from theme| null |
| pl | padding left | px string / from theme| null |
| pr | padding right | px string / from theme| null |
| pt | padding top | px string / from theme| null |
| px | padding for left and right | px string / from theme| null |
| py | padding for top and bottom | px string / from theme| null |