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.

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.