Apply Qui Component Rules

Use when writing or modifying QUI Angular template usage involving q-icon-button, q-inline-icon-button, q-header-bar-action-icon-button, q-avatar-image, labels for q-text-input/q-number-input/q-password-input/q-select/q-combobox/q-switch/q-checkbox/q-radio, interactive q-card, q-alert-banner actions, q-card actions, q-header-bar-action-bar, q-menu-trigger, or q-select-root checkbox indicators.

qualcomm 59e7ff7 2 files · 1.2 KB Updated

File contents

Apply QUI Best Practices

Required Reference

Before writing or modifying covered QUI Angular template usage, read the bundled references/component-rules.md reference.

Workflow

  1. Identify touched Angular template code that matches a target context in the reference.
  2. Apply only the matching covered contracts while writing or editing.
  3. Ignore unrelated code unless it is inside a covered component context.
  4. Before finishing, scan the changed template code once against the shared reference.

qualcomm/qualcomm-ui/tree/main/plugins/qui-angular-development/skills/apply-qui-best-practices commit 59e7ff7692

Frequently asked questions

npx skillmds@latest add qualcomm/apply-qui-component-rules-2