Blueprint: Create-able MultiSelect

Created on 13 Oct 2017  路  7Comments  路  Source: palantir/blueprint

MultiSelect with Create-able options.

Currently MultiSelect can select from a given list.

Would like an option where given a prop(say allowCreate), it allows to create a new Tag from a user which doesn't exist in the predefined list.

P2 select enhancement help wanted

Most helpful comment

@giladgray Can we reopen? The above workaround doesn't clear the input text in the MultiSelect, which makes a subpar experience as the user needs to delete the text themselves to select something else

All 7 comments

Haven't tried it myself -- maybe use the noResults prop to render a menu item that adds the query to your items

We've done this ourselves, it's pretty straightforward. Like @llorca said, just use the noResults prop to render a MenuItem that does what you need.

create

easy enough. thanks for the follow up here @dmackerman 馃憣

@giladgray Can we reopen? The above workaround doesn't clear the input text in the MultiSelect, which makes a subpar experience as the user needs to delete the text themselves to select something else

@shuyangli you can easily control the query to clear it as needed.

It'd be great if this could be done in an unmanaged way (similar to ReactSelect)

+1 on this @giladgray @shuyangli . I have a random react-select in my application which is styled with targetted styles to achieve the same. Would be great if blueprintJS did this in an un-managed way.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

adidahiya picture adidahiya  路  3Comments

tomzaku picture tomzaku  路  3Comments

havesomeleeway picture havesomeleeway  路  3Comments

adidahiya picture adidahiya  路  3Comments

ghost picture ghost  路  3Comments