jamsrui_tags_input_react_component_quickstart_example.ts

1import React, { useState } from 'react';
2import { TagsInput } from '@jamsrui/tags-input';
3
4const QuickStartExample: React.FC = () => {
5  const [tags, setTags] = useState<string[]>(['React', 'TypeScript']);
6
7  const handleChange = (newTags: string[]) => {
8    setTags(newTags);
9  };
10
11  return (
12    <div style={{ padding: '20px' }}>
13      <h3>Tags Input Example</h3>
14      <TagsInput 
15        value={tags} 
16        onChange={handleChange} 
17        placeholder="Add a tag..." 
18      />
19      <div style={{ marginTop: '10px' }}>
20        <strong>Current Tags:</strong> {tags.join(', ')}
21      </div>
22    </div>
23  );
24};
25
26export default QuickStartExample;