# Convert to Text Area

## TextView/Text to Code

Text View allows the user to enter **more than one line** of text. A textView image is and its code is shown below.

![A Text View Example](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MGrIvvQkqS1zsILEfc7%2F-MGsAY-is6wUB907gj3K%2FGroup%2011.png?alt=media\&token=993d38ec-7fa5-4620-bc28-f150cf268f8a)

While creating the component, you can add **text** into TextView to inform on Monday Hero.

<div align="center"><img src="https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MKocrtaTvG6EVBY72o0%2F-MKodWYyvaehCNvJes1L%2FScreen%20Shot%202020-10-29%20at%2016.55.57.png?alt=media&#x26;token=3ce9076b-d724-4af6-b1cb-8b90a6f9648f" alt="TextView Monday Hero Selections"></div>

### Generated iOS/Android Code of TextView

{% tabs %}
{% tab title="iOS" %}

```swift
//HomePageViewController.swift 
import UIKit

class HomePageViewController: UIViewController {

//Connection from an Interface Builder to a UI component
@IBOutlet private weak var addNotesTextView: UITextView!

	override func viewDidLoad() {
		super.viewDidLoad()
		setupViews()
	}
}

extension HomePageViewController {
	private func setupViews() {
		//TextView properties
		addNotesTextView.backgroundColor = UIColor.daisy2
		addNotesTextView.text = NSLocalizedString("add.note.here", comment: "")
		addNotesTextView.textColor = UIColor.spruce_40
		addNotesTextView.font = UIFont.textStyle5
		addNotesTextView.textAlignment = .left
			}
}		
```

{% endtab %}

{% tab title="Android" %}
Android does not have a separate component for Text Areas, the same code is used for the [Texts](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-to-text-code) are also used for Text Areas.&#x20;

{% content-ref url="../auto-component-code-generation/design-to-text-code" %}
[design-to-text-code](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-to-text-code)
{% endcontent-ref %}
{% endtab %}
{% endtabs %}