Introduction Colors Button Dialog Drawer Inline Dialog Icon Tooltip Input Usage Input Props TextField Select

Input

Usage

Input is a wrapper around the native input element with Kenobi theming. All native input props are accepted.

<Input name="project_language" placeholder="Enter something" />

<Input name="project_language" placeholder="Enter something" />

Input Props

TextField

TextField wraps Input but allows for passing of additional information.

A required text input field

Text input description

This field is required

<TextField
  name="project_language"
  label="A required text input field"
  placeholder="Enter some text...."
  description="Text input description"
  isRequired
  errorMessage="This field is required"
/>

<TextField
  name="project_language"
  label="A required text input field"
  placeholder="Enter some text...."
  description="Text input description"
  isRequired
  errorMessage="This field is required"
/>