UITextarea

Create a textarea base on style guide

Since: 7.0.0 (6.3.0)

Name

Type

Default

Description

id

string

Required - Id of the textarea

value

string

Required - Value for textarea

label

string

The text label

secondaryLabel

string

The secondary text label displayed in top right corner

placeholder

string

Placeholder for textarea

size

string

Size and feeling for textarea

variant

string

Variant of the textarea

rows

number

3

Textarea rows presentation

disabled

boolean

false

Wether the textarea is disabled or not

onChange

function

Required - Callback for when the textarea value changes

Example

import {UITextarea} from 'writer'

render($$) {
    const el = $$('div')
    return el.append(
        $$(UITextarea, {
            id: 'myTextarea',
            label: this.getLabel('Textarea label'),
            secondaryLabel: this.getLabel('Mandatory Field'),
            value: '',
            rows: 5,
            onChange: (value) => {
                // Do something
            }
        })
    )
}

Last updated