Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>DCI Component SnippetNew to Visual Studio Code? Get it now.
DCI Component Snippet

DCI Component Snippet

buruh-javascript

|
102 installs
| (0) | Free
Rapid and fast development of UI using dci-component
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

DCI Component Snippet

U S A G E

dbtn + [tab]
dcard + [tab]
dslider + [tab]

ddate-picker + [tab]
ddate-picker--month + [tab]

dtabs + [tab]
dtabs--full + [tab]

*U CAN TYPE WITHOUT  -  &  --
ddatepicker + [tab]
ddatepickermonth + [tab]
dtabsfull + [tab]

Example:  dtabs + [tab]

<dci-tabs v-model=""></dci-tabs>

Example:  dtabs--full + [tab]

<dci-tabs v-model="">
  <dci-tab>Item One</dci-tab>
  <dci-tab>Item Two</dci-tab>
</dci-tabs>
<dci-tabs-items v-model="">
  <dci-tab-item>Content.. One</dci-tab-item>
  <dci-tab-item>Content.. Two</dci-tab-item>
</dci-tabs-items>

F O R M    T A G

Autocomplete
Checkbox
ColorPicker
Combobox
DatePicker
FileInput
Form
Input
ListChoice
OtpInput
OverflowBtn
Radio
RadioGroup
RangeSlider
Rating
Select
Slider
Switch
Textarea
TextEditor
TextField
TimePicker
Uploader
YearPicker

O F T E N    U S E D    T A G

Alert
App
AppBar
AppBarNavIcon
AppBarTitle
Avatar
Badge
Breadcrumbs
BreadcrumbsItem
Btn
Card
CardActions
CardSubtitle
CardText
CardTitle
Chip
ChipGroup
Col
Container
Counter
DataTable
Dialog
Divider
ExpansionPanel
ExpansionPanelContent
ExpansionPanelHeader
ExpansionPanels
Flex
Icon
IconFile
Img
Item
ItemGroup
Layout
ListGroup
ListItem
ListItemAction
ListItemActionText
ListItemAvatar
ListItemContent
ListItemGroup
ListItemIcon
ListItemSubtitle
ListItemTitle
Logo
Main
Menu
Overlay
Pagination
ProgressCircular
ProgressLinear
Row
SimpleTable
Snackbar
Spacer
Stepper
StepperContent
StepperHeader
StepperItems
StepperStep
Tab
TabItem
Tabs
TabsItems
Tooltip
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft