react-tags icon indicating copy to clipboard operation
react-tags copied to clipboard

How to custom render tag ?

Open vnhung opened this issue 7 years ago • 2 comments

I want to insert photo for each tag, please help me !

vnhung avatar Nov 21 '17 07:11 vnhung

Cool! I want to custom to render with new div also.

Today is it:

Unable to style list item by bootstrap 3.3.7 version:

https://getbootstrap.com/docs/3.3/components/#list-group

<ReactTags
                    type='search'
                    name='tags'
                    id='tags'
                    maxLength='10'
                    placeholder='tags to user search it.'
                    autofocus={false}

                    classNames={{
                        tags: 'wrapper-tb-5',
                        tagInput: 'wrapper-tb-10',
                        tagInputField: 'form-control',
                        selected: 'label-control',
                        tag: 'btn btn-default btn-sm',
                        suggestions: 'list-group',
                        activeSuggestion: 'list-group-item active'
                    }}

Preview:

image

Also.. I'd like to render this way:

image

http://sliptree.github.io/bootstrap-tokenfield/

francisrod01 avatar Nov 22 '17 14:11 francisrod01

@mrdannael I see you added this to 5.x.x. This includes having a custom renderer for suggestions, right?

cdreve avatar Apr 27 '18 10:04 cdreve