TextBox

<TextBox
  onBlur={[Function onBlur]}
  onChange={[Function onChange]}
  onEnter={[Function onEnter]}
  onFocus={[Function onFocus]}
  placeholder="local.wolkenkit.io"
  value=""
/>

Types

<React.Fragment>
  <Property
    name="type"
    value="date"
  />
  <TextBox
    onChange={[Function onChange]}
    type="date"
    value=""
  />
  <hr />
  <Property
    name="type"
    value="email"
  />
  <TextBox
    onChange={[Function onChange]}
    type="email"
    value=""
  />
  <hr />
  <Property
    name="type"
    value="port"
  />
  <TextBox
    onChange={[Function onChange]}
    placeholder="3000"
    type="port"
    value=""
  />
  <hr />
  <Property
    name="type"
    value="search"
  />
  <TextBox
    onChange={[Function onChange]}
    type="search"
    value=""
  />
  <hr />
  <Property
    name="type"
    value="time"
  />
  <TextBox
    onChange={[Function onChange]}
    type="time"
    value=""
  />
</React.Fragment>

type: "date"


type: "email"


type: "port"


type: "search"


type: "time"

Min and max length

<TextBox
  maxLength={100}
  minLength={1}
  onChange={[Function onChange]}
  required={true}
  value="Value length must be between 1 and 100"
/>

Disabled

<TextBox
  disabled={true}
  value="This TextBox is disabled."
/>