Tag Input

Free-text chips — Enter or comma commits, and pasting a list adds all of it at once.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { useState } from "react";
import { TagInput } from "@aile.sh/elia";

export function Example() {
  const [tags, setTags] = useState(["production", "eu-west"]);

  return (
    <TagInput
      className="max-w-md"
      value={tags}
      onChange={setTags}
      max={8}
      placeholder="Add a label…"
    />
  );
}

— elia design system · MIT · base · https://github.com/aile-sh/elia