UIInputText

Create a text input base on style guide

Properties

Name

Type

Default

Description

id

string

Required - Id of the input

value

string

Required - Value for input

label

string

The text label

placeholder

string

Placeholder

size

string

Size of the input

variant

string

Variant for the input

disabled

boolean

false

Whether the input is disabled or not

autocomplete

string

"\"off\""

Sets autocomplete attribute on input field, defaults to "off"

onChange

function

Required - Callback for when the input value changes

Example

import {UIInputText} from 'writer'

render($$) {
    const el = $$('div')
    return el.append(
        $$(UIInputText, {
            id: 'myInput',
            label: this.getLabel('input label'),
            placehodlder: 'My placeholder',
            size: 'large',
            value: '',
            onChange: (value) => {
                // Do something
            }
        })
    )
}

Last updated