Ember-cli-mdc-select NPM

ember-cli-mdc-select

ember-cli addon for @material/select.

Installation

ember install ember-cli-mdc-select

Components

This package contains the following top-level components.

<MdcSelect>

MdcSelect

Description

Add a select component to your page.

Usage

<MdcSelect @style="[outlined|filled]"
           @label={{this.label}}
           @leadingIcon={{this.leadingIcon}}
           @options={{this.options}}
           @firstOptionIsEmpty={{[true|false]}}
           @required={{[true|false]}}
           @change={{this.change}}
           @disabled={{[true|false]}} />

Attributes

style - Style of the component. Must either be one of the following string values: filled, outlined.
label - Label for the component.
leadingIcon - Leading icon displayed in the component.
options - The options for the select
firstOptionIsEmpty - The first option in the select is empty (or null)
required - The select is required.
disabled - The select is disabled.
change - Action called when the select value changes.

Options and the selected value

The @options attribute is an array of options displayed in the select component. Each option is expected to have the following properties:

value - The value of the option
text - The text displayed for the option
disabled - The option is disabled

The selected option (or value) is passed to the change(option) action. The action takes one parameter, the selected option from the array of @options. This allows you to work directly with the option instead of having to write code to locate the object for the corresponding selected value.

Adapting options

The select component allows you to adapt any array of values to options using the provided attributes:

@valueKey - The property to use for value
@textKey - The property to use for text
@disabledKey - The property to use for disabled state

<MdcSelect @label="Select an actor"
           @options={{this.actors}}
           @firstOptionIsEmpty={{true}}
           @change={{this.change}}
           @valueKey="id"
           @textKey="name" />

ember-addon material material design material components select

@material/select ember-auto-import ember-cli-babel ember-cli-blueprint-helpers ember-cli-htmlbars ember-cli-mdc-sass ember-cli-mdc-utils lodash

@everything-registry/sub-chunk-1575 @zalastax/nolb-ember-cli-m @infinitebrahmanuniverse/nolb-ember-cli-m

7 days ago

17 days ago

29 days ago

29 days ago

29 days ago

3 months ago

3 months ago

1 year ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago