Data input

Input

Themed text input with type variants, invalid and disabled state, and Angular forms support.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjInputComponent } from '@kouji-ui/components';

Loading editor

type

variant

placeholder

disabled

invalid

<kj-input
  type="text"
  variant="default"
  placeholder="you@example.com"
/>