Deloitte LIFT

Learn more about LIFT

This Extension assists you in developing apps using Deloitte Lift. Following are key features provided by this extension:

• Code Autocompletion: Autocomplete attributes and UX Component Types with code assist and intellisense.
• Code Helper (Code Lens): On mouse hover of any UX Component or its attribute detailed documentation with example can be seen

New Features

• CSS classes auto-completion. (Support multiple-themes)
• Provide Theme name with which class is associated
• LabelKey auto-completion with its value in description.
• Display LabelKey value on hover of labelKey.
• Improved integration with intellisense
• Special snippets for function, object and repeat tag.
• Now prefix (default was '-') is optional. Intellisense will smartly detect when to trigger.

Details

Code Autocompletion

UX Component Library is HTML extension so whenever code intellisense is activated to show suggestions it provides suggestions to your Lift Component and autodetects Lift Extensions and Component Type.

For example:

   <UX type="header" header-size="2" />

To activate code assist in suggesting attribute header-size if you type - a list will popup with attributes related to header component like header-size. This list is dynamically generated from Prop Types definition of component under Lift UX Framework or Lift UX Extensions.

The trigger character for Lift UX Tag intellisense can be customized via following setting:

    "lift.assist.prefix": "-"

Please email your feedback and suggestion: usdlift@deloitte.com