Editable text on multiple lines. See TextInput for editable text on a single line.

Set text to display

Set the text in MXML:

<js:TextArea text="Hello, FlexJS!\nTextArea is multi-line"/>

Change text area appearance

Set font styles in a single text area:

<js:TextInput>
    <js:style>
        <js:SimpleCSSStyles fontFamily="serif" fontSize="20"
            fontWeight="bold" fontStyle="italic" color="#ff0000"/>
    </js:style>
</js:TextInput>

Set a text area's border styles:

<js:TextInput>
    <js:style>
        <js:SimpleCSSStyles borderStyle="solid" borderWidth="2"
            borderColor="#ff0000" borderRadius="4"/>
    </js:style>
</js:TextInput>

Set a text area's background color:

<js:TextInput>
    <js:style>
        <js:SimpleCSSStyles backgroundColor="#ffcccc"/>
    </js:style>
</js:TextInput>
  • No labels