Picker¶
🎨 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.
Info
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