> For the complete documentation index, see [llms.txt](https://learn.mondayhero.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.mondayhero.io/design-to-swift/creating-components/system-components/convert-text-area-to-ios-android-code.md).

# Text Area

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](/files/-MGsAY-is6wUB907gj3K)

While creating the component, Monday Hero automatically detects the **text** and **Background** in the TextView. 

![](/files/-MS3GAuaKlMNub0-OuLN)

### 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](broken://pages/-MKAkeUaR98eGvVIsvk-) are also used for Text Areas. 

{% content-ref url="/pages/-MKAkeUaR98eGvVIsvk-" %}
[Broken mention](broken://pages/-MKAkeUaR98eGvVIsvk-)
{% endcontent-ref %}
{% endtab %}
{% endtabs %}