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

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| fontSize | fontSize of the text field | px string / from theme | null|
| fontWeight | fontWeight of the text field | px string / from theme | null|
| height | height of the text field | px 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 |
| placeholder | placeholder of the text field | px string / from theme | null|
| placeholderColor | color of the placeholder | color string / hex code | null |
| placeholderFontSize | font size of the placeholder | css value for font-size | null |
| placeholderFontStyle | font style of the placeholder | css value for font-style | null |
| placeholderFontWeight | font weight of the placeholder | css value for font-weight | 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 |
| value | value for the text field | string | null |
| width | width of the text field | px string / from theme | null|