|
1 |
| -# chips |
2 |
| -## md-chips |
| 1 | +chips |
| 2 | +===== |
| 3 | + |
| 4 | +md-chips |
| 5 | +-------- |
3 | 6 |
|
4 | 7 | ### Example
|
5 | 8 |
|
6 | 9 | ```javascript
|
7 | 10 | {
|
8 |
| - "type": "chips", |
9 |
| - "key": "tags", |
10 |
| - "templateOptions": { |
11 |
| - "theme": "custom", |
12 |
| - "placeholder": "+tags", |
13 |
| - "secondaryPlaceholder": "Add tag", |
14 |
| - "deleteButtonLabel": "Remove", |
15 |
| - "deleteHint": "Remove tag" |
| 11 | + type: "chips", |
| 12 | + key: "tags", |
| 13 | + templateOptions: { |
| 14 | + theme: "custom", |
| 15 | + placeholder: "+tags", |
| 16 | + secondaryPlaceholder: "Add tag", |
| 17 | + deleteButtonLabel: "Remove", |
| 18 | + deleteHint: "Remove tag" |
16 | 19 | }
|
17 | 20 | }
|
18 | 21 | ```
|
19 | 22 |
|
20 | 23 | ### Configuration
|
21 | 24 |
|
22 |
| -#### templateOptions.label _: string_ |
| 25 | +#### templateOptions.label *: string* |
| 26 | + |
| 27 | +#### templateOptions.theme *: string* |
23 | 28 |
|
24 |
| -#### templateOptions.theme _: string_ |
| 29 | +#### templateOptions.placeholder *: string* |
25 | 30 |
|
26 |
| -#### templateOptions.placeholder _: string_ |
27 | 31 | Placeholder text that will be forwarded to the input.
|
28 | 32 |
|
29 |
| -#### templateOptions.secondaryPlaceholder _: string_ |
| 33 | +#### templateOptions.secondaryPlaceholder *: string* |
| 34 | + |
30 | 35 | Placeholder text that will be forwarded to the input, displayed when there is at least on item in the list.
|
31 | 36 |
|
32 |
| -#### templateOptions.deleteButtonLabel _: string_ |
| 37 | +#### templateOptions.deleteButtonLabel *: string* |
| 38 | + |
33 | 39 | A label for the delete button. Also hidden and read by screen readers.
|
34 | 40 |
|
35 |
| -#### templateOptions.deleteHint _: string_ |
| 41 | +#### templateOptions.deleteHint *: string* |
| 42 | + |
36 | 43 | A string read by screen readers instructing users that pressing the delete key will remove the chip.
|
0 commit comments