This extension adds ionic-vue snippets. Quickly add ionic-vue component code by simply typing iv
. The iv
prefix will show a range of snippets to choose from. For example, ivlabel
will add the label component code, ivlist
will show the ionic vue list component code.
![Extension gif](/example.gif)
All snippets are sourced from ionic website.
- Badge
- Button
- Ripple
- Card
- Checkbox
- Chip
- Datetime
- FAB
- Grid
- Icon
- Input
- Textarea
- Item
- Item Divider
- Item Group
- Label
- List
- List Header
- Avatar
- Image
- Thumbnail
- Menu
- Backdrop
- Progress Bar
- Skeleton Text
- Spinner
- Radio Group
- Radio
- Range
- Refresher
- Router / Router Redirect
- Searchbar
- Segment / Segment Button
- Select / Select Option
- Slides
- Tabs / Tab bar / Tab Button
- After adding a snippet import each ionic component used in the snippet
import { componetName } from @ionic/vue
. We are working on streamlining this process.