Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>YC-UINew to Visual Studio Code? Get it now.
YC-UI

YC-UI

YC-UI

|
6 installs
| (0) | Free
Document Hover Tips And Autocomplete Tools.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Basic Part

No. Trigger Key Element Tag
1. ycrow <yc-row>
2. yccol <yc-col>
3. yche <yc-header>
4. ycb yc-button
5. ycbg yc-button-group

Form Part

No. Trigger Key Element Tag
1. ycr <yc-radio>
2. ycrg <yc-radio-group>
4. ycrb <yc-radio-button>
5. ycc <yc-checkbox>
6. yccg <yc-checkbox-group>
8. yccbt <yc-checkbox-button>
9. yci <yc-input>
10. ycte <yc-input type="textarea">
11. yca <yc-autocomplete>
14. ycsel <yc-select>
15. ycselr <yc-select remote>
16. ycop <yc-option>
17. ycopg <yc-option-group>
18. ycca <yc-cascader>
19. yccap <yc-cascader-panel>
20. ycsw <yc-swtich>
22. yctp <yc-time-picker>
23. ycts <yc-time-select>
30. ycu <yc-upload>
34. ycf <yc-form>
35. ycfi <yc-form-item>

Notice Part

No. Trigger Key Element Tag
4. ycmebox this.$msgbox({})
7. ycmepro this.$prompt({})
8. ycno this.$notify({})

Navigation Part

No. Trigger Key Element Tag
4. yctabs <yc-tabs>
5. yctabp <yc-tab-pane>
9. ycdr <yc-dropdown>
10. ycdri <yc-dropdown-item>
11. ycsts <yc-steps>
12. ycst <yc-step>

Others Part

No. Trigger Key Element Tag
1. ycdi <yc-dialog>
6. yccaro <yc-carousel>
7. yccaroi <yc-carousel-item>
8. yccolla <yc-collapse>
9. yccollai <yc-collapse-item>
13. yccal <yc-calendar>
17. ycdra <yc-drawer>
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft