a7f1f4daa7
- updates components to use shadow DOM or scoped if they require css variables - moves global styles to an external stylesheet that needs to be imported - adds support for additional colors and removes the Sass loops to generate colors for each component - several property renames, bug fixes, and test updates Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com> Co-authored-by: Adam Bradley <adambradley25@gmail.com> Co-authored-by: Cam Wiegert <cam@camwiegert.com>
ion-picker
A Picker is a dialog that displays a row of buttons and columns underneath. It appears on top of the app's content, and at the bottom of the viewport.
Properties
buttons
PickerButton[]
Array of buttons to be displayed at the top of the picker.
columns
PickerColumn[]
Array of columns to be displayed in the picker.
cssClass
string
Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
duration
number
Number of milliseconds to wait before dismissing the picker.
enableBackdropDismiss
boolean
If true, the picker will be dismissed when the backdrop is clicked. Defaults to true.
enterAnimation
AnimationBuilder
Animation to use when the picker is presented.
keyboardClose
boolean
If the keyboard should be able to close the picker. Defaults to true.
leaveAnimation
AnimationBuilder
Animation to use when the picker is dismissed.
overlayId
number
showBackdrop
boolean
If true, a backdrop will be displayed behind the picker. Defaults to true.
willAnimate
boolean
If true, the picker will animate. Defaults to true.
Attributes
buttons
Array of buttons to be displayed at the top of the picker.
columns
Array of columns to be displayed in the picker.
css-class
string
Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
duration
number
Number of milliseconds to wait before dismissing the picker.
enable-backdrop-dismiss
boolean
If true, the picker will be dismissed when the backdrop is clicked. Defaults to true.
enter-animation
Animation to use when the picker is presented.
keyboard-close
boolean
If the keyboard should be able to close the picker. Defaults to true.
leave-animation
Animation to use when the picker is dismissed.
overlay-id
number
show-backdrop
boolean
If true, a backdrop will be displayed behind the picker. Defaults to true.
will-animate
boolean
If true, the picker will animate. Defaults to true.
Events
ionPickerDidDismiss
Emitted after the picker has dismissed.
ionPickerDidLoad
Emitted after the picker has loaded.
ionPickerDidPresent
Emitted after the picker has presented.
ionPickerDidUnload
Emitted after the picker has unloaded.
ionPickerWillDismiss
Emitted before the picker has dismissed.
ionPickerWillPresent
Emitted before the picker has presented.
Methods
addButton()
Add a new PickerButton to the picker
addColumn()
Add a new PickerColumn to the picker
dismiss()
Dismiss the picker overlay after it has been presented.
getColumn()
Returns the column the matches the specified name
getColumns()
Returns all the PickerColumns
onDidDismiss()
Returns a promise that resolves when the picker did dismiss. It also accepts a callback that is called in the same circustances.
onWillDismiss()
Returns a promise that resolves when the picker will dismiss. It also accepts a callback that is called in the same circustances.
present()
Present the picker overlay after it has been created.
Built with StencilJS