<cla-picker>
The Picker component.
Built using the Ionic Framework Radio / Radio Group for reference.
The cla-picker and cla-picker-group components must be used with each other, with the buttons being
nested in the group.
Usage
Properties
| Property | Required | Description | Type | Default |
|---|---|---|---|---|
block | false | if 'block="true"', 'block' or 'block="block"' (i.e. true) the picker will display as a block (`<cla-item>` orientate property must be set to 'vertical') | boolean | false |
checked | false | If `true`, the picker is selected. | boolean | false |
disabled | false | If `true`, the user cannot interact with the picker. | boolean | false |
displayinput | false | If 'true', the picker will show the input (checkbox if multiselectable, radio if not) | boolean | false |
iconid | false | cla-icon id e.g. glyphicons-basic-158-thumbnails-small | string | null |
image | false | SVG image code | string | null |
name | false | The element name submitted to the form | string | null |
pickerLabelText | false | The picker item text. | string | null |
showlabeltext | false | If 'true', the picker label text will be shown | boolean | true |
value | false | Select input value | any | null |
Slots
| Slot | Description |
|---|---|
| any | Slot for icon if not using the `<cla-icon>` |
Events
| Event | Description | Type |
|---|---|---|
claPickerBlur | Emitted when the picker loses focus. | |
claPickerDeselect | Emitted when the selected picker is clicked. | |
claPickerDidLoad | Emitted when the picker loads. | |
claPickerFocus | Emitted when the picker has focus. | |
claPickerSelect | Emitted when the picker is clicked. | |