Tags Input

Live Editor

function TagsInputDemo() {
  return (
    <ThemeProvider>
      <TagsInput
        label="Topics"
        placeholder="Add a topic"
        maxTags={6}
        addOnBlur
        onChange={(value) => console.log(value)}
        onTagAdd={(detail) => console.log(detail.tag)}
      />
    </ThemeProvider>
  );
}

Result

Loading...

Key Props

value, name, label, description, placeholder, required, disabled, readOnly, counter, maxTags, allowDuplicates, addOnBlur, onChange, onTagAdd, onTagRemove