Design Property Snippets to easily set up your Design-properties.json file, Rich Design Properties included!
Features
Included Main element selector based on most used Mendix Widgets.
Includes 4 types of controls to better define your design properties. Icon usage and variable usage are explicitly defined for better guidance.
Requirements
Best to use a formatter such as 'Prettier' since the snippet itself comes in unformatted and it will help in making sure you have the comma's in the right places.
Instruction
CTRL+Shift+P to Insert snippets or start with typing 'mxdpe' (Mendix Design Property Element), use Tab-navigation for skipping to parts where you have to set up your property. In the Design-Property-element definition you can use:
mxdpdropdown (For the default Dropdown control)
mxdptoggle (For the default Toggle control)
mxdpbtntoggle (For the new ToggleButtonGroup control)
mxdpcolorpicker (For the new ColorPicker control)
Known Issues
Margin and Spacing are missing since there are not much use-cases for these outside already existing design properties of Atlas 3. Will be included later down the road.