idyll-langidyll
DocsTutorialsGalleryEditor
menu

Overview

  • Introduction
  • Getting started
  • Markup syntax
  • HTML tags
  • Options and styles
  • Plugin system
  • Multipage template

Interactivity

  • Built-in components
  • Using components from npm
  • Make your own component
  • Scrolling and Refs

Publishing

  • Deploying to the web
  • Embedding Idyll

Useful Links

  • Github
  • Chat
  • Twitter
  • Support Us
← Back

TextInput

A user-editable text input field.

Input:

[var name:"textVal" value:"Hello World" /]
[TextInput value:textVal /]

Output:

Props

  • value string

    The current value of the text entry box.

    • Example: x
  • pattern object

    A regex pattern to validate input field

    • Example: /w+/
  • patternMismatchMessage string

    A string message to display after a pattern mismatch. Default is: 'Input value is not valid'

    • Example: Value doesnt match pattern