Tags Input

Add multiple short values as tags.

Preview

Add tags.

Usage

<FormField
          control={form.control}
          name="enter_your_tech_stack"
          render={({ field }) => (
            <FormItem>
              <FormLabel>Enter your tech stack.</FormLabel>
              <FormControl>
                <TagsInput
                  value={Array.isArray(field.value) ? field.value : []}
                  onValueChange={field.onChange}
                  placeholder="Add your tech stack"
                />
              </FormControl>
              <FormDescription>Add tags.</FormDescription>
              <FormMessage />
            </FormItem>
          )}
        />

Details

Use the Tags Input options editor in the builder to set default tags; generated snippets and preview defaults mirror those options.

Component reference