Skip to content

maxTagPlaceholder renders inside a predefined tag #1043

@orelHAnyvision

Description

@orelHAnyvision

I would like to use maxTagCount and maxTagPlaceholder props to render selected values and if more then one then render a custom element

<Select
options={[
      { value: 'option1', label: <span>option1</span> },
      { value: 'option2', label: <span>option2</span> },
      { value: 'option3', label: <span>option3</span> },
      { value: 'option4', label: <span>option4</span> }
    ]}
mode='multiple'
maxTagCount={1}
maxTagPlaceholder={() => <div>something</div>}

I would like the <div>something</div> to be rendered without any tag which wrap it, whats happening it that <div>something</div> is rendered inside a tag

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions