Picker
Picker is a component which is used to select an item from the multiple choices. Picker is used when we need to provide an alternative to choose from multiple options.
🎨 Styles
Appearance
Background color: select the background color using the color picker.
Text color: select text color in the picker element using the color picker.
Dimensions
Width: set how wide the picker element is using.
Height: set how tall the picker element is using.
Margins
Padding: you can specify how much space you want between the border and contents of the picker element.
Margin: you can specify how much space you want between the edges of the picker element with the screen or another elements.
Borders
Border width: enter how wide you want the border outline of the picker element to be.
Border radius: enter how round you want the edges of the border for the picker element to be.
Border color: pick a color for the border of the picker element.
Border style: select if you want the border of the picker element to be a dotted, dashed or solid line.
⚙ Properties
Generic properties
Control name: you can add a name to the picker element this could be the way to identify this element about another elements.
Enable skeleton loaders: this tool provides an indication to the user that something is coming but not yet available on the picker element.
Control is hidden: hide the picker element from the screen.
The skeleton loader component provides a user with a visual indicator that content is coming/loading. This is better received than traditional full-screen loaders.
Specific Properties
Control placeholder: text that will be displayed before picker input has been entered.
Arrow enabled: add a down direction arrow at the right of the picker element.
Option value: add the options to choice as a dropdown.
Default value: when the picker is shown it offers the first value to select.
👆 Events
On charge: the on charge ****event detects when the value of a picker element changes.
📝 Writable Properties
Items
Last updated