Select Create

A powerful select component with ability to create new values and built-in validation using ember-power-select and ember-power-select-with-create

Examples

Basic usage

Please select or create an addon

Properties

Name Type Required Description
@validationField string Yes The field name in the changeset for validation.
@changeset Changeset Yes The changeset object for form validation.
@options Array Yes The options to display in the select dropdown. Each option should have a toString() method.
@onCreate function Yes The action to be called when user creates a new value. Should return the newly created option object.
@label string No The label for the select field.
@placeholder string No The placeholder text for the select field.
@disabled boolean No Whether the select field is disabled.
@multiple boolean No Whether multiple selections are allowed.
@initiallyOpened boolean No Whether the select dropdown is initially opened.
@allowClear boolean No Whether to show a button to clear the selection.
@mandatory boolean No Whether the select field is mandatory.
@onChange function No The action to be called when the selection changes.
@labelComponent Component No The custom component to use for the label.
@selectedItemComponent Component No The custom component to use for the selected item.
@placeholderComponent Component No The custom component to use for the placeholder.
@onSearch function No The action to be called when user types in the search input.
@searchPlaceholder string No The placeholder text for the search input.
@searchMessage string No Message shown in options list when no search has been entered and there are no options.
@loadingMessage string No Message shown in options list when loading options.
@noMatchesMessage string No Message shown in options list when no matches are found.
@showCreateWhen function No The action to be called to determine if the create option should be shown.
@buildSuggestion function No The action to be called to build the suggestion label for the create option.
EMBER COMMON UI

EMBER COMMON UI

  • Theme