ChipInput

Form Inputs

Rich text input with inline chip/tag creation via trigger character.

Live Demo

Type @ to trigger chip suggestions. Try typing "@a" below.

Value: Hello @world

<script>
  import { ChipInput } from "jatui"
</script>

<ChipInput />

Prop	Type	Default	Description
`value`	`string`	`""`	Text value (bindable)
`placeholder`	`string`	`""`	Input placeholder
`triggerChar`	`string`	`-`	Character that triggers chip suggestions (e.g. @)
`compact`	`boolean`	`false`	Compact single-line mode
`rows`	`number`	`3`	Visible rows
`disabled`	`boolean`	`false`	Disable input