Getting Started
Download
Download the complete MigsLab library — every component, type, style and font — as one ZIP file, ready to drop into any Vue 3 project.
MigsLab library
migslab-shared.zip
Install
The ZIP contains a single MigsLab folder. Put it inside the src folder of your project.
- Unzip
migslab-shared.zip. - Move the
MigsLabfolder into your project'ssrcfolder, so you havesrc/MigsLab/shared. - Optionally load the reset, font and utility classes once in
main.ts. - Import components from
@/MigsLab/shared.
your-project/
└─ src/
└─ MigsLab/
└─ shared/ ← from the ZIP
// main.ts (optional: reset, Geist font, utility classes)
import '@/MigsLab/shared/styles/index.css'
// any component
import { ButtonComponent, DialogComponent } from '@/MigsLab/shared' Integrating into an existing project with an AI assistant? Use the AI prompt — it is also included in the ZIP as MigsLab/shared/AI-INTEGRATION.md.
What's inside
Generated from this workshop's src/MigsLab/shared folder, so the download always matches the documentation you are reading.
| File | Size |
|---|---|
MigsLab/shared/AI-INTEGRATION.md | 9.2 KB |
MigsLab/shared/components/accordion/AccordionComponent.vue | 850 B |
MigsLab/shared/components/accordion/AccordionContentComponent.vue | 909 B |
MigsLab/shared/components/accordion/AccordionItemComponent.vue | 1.0 KB |
MigsLab/shared/components/accordion/AccordionTriggerComponent.vue | 1.4 KB |
MigsLab/shared/components/alert/AlertComponent.vue | 2.5 KB |
MigsLab/shared/components/button/ButtonComponent.vue | 3.7 KB |
MigsLab/shared/components/button/ButtonDropdownComponent.vue | 3.7 KB |
MigsLab/shared/components/button/ButtonDropdownItemComponent.vue | 1.2 KB |
MigsLab/shared/components/button/ButtonGroupComponent.vue | 388 B |
MigsLab/shared/components/button/ButtonMenuContainerComponent.vue | 475 B |
MigsLab/shared/components/card/CardBodyComponent.vue | 245 B |
MigsLab/shared/components/card/CardComponent.vue | 784 B |
MigsLab/shared/components/card/CardFooterComponent.vue | 338 B |
MigsLab/shared/components/card/CardHeaderComponent.vue | 258 B |
MigsLab/shared/components/chip/ChipComponent.vue | 1.7 KB |
MigsLab/shared/components/dialog/DialogComponent.vue | 3.0 KB |
MigsLab/shared/components/dialog/DialogContentComponent.vue | 325 B |
MigsLab/shared/components/dialog/DialogFooterComponent.vue | 312 B |
MigsLab/shared/components/dialog/DialogHeaderComponent.vue | 344 B |
MigsLab/shared/components/form/CheckboxComponent.vue | 1.0 KB |
MigsLab/shared/components/form/ColorPickerComponent.vue | 2.7 KB |
MigsLab/shared/components/form/DateTimePickerComponent.vue | 5.8 KB |
MigsLab/shared/components/form/DropdownComponent.vue | 5.9 KB |
MigsLab/shared/components/form/FileUploadComponent.vue | 4.9 KB |
MigsLab/shared/components/form/InputComponent.vue | 2.7 KB |
MigsLab/shared/components/form/RadioButtonComponent.vue | 1.6 KB |
MigsLab/shared/components/form/RadioGroupComponent.vue | 1.1 KB |
MigsLab/shared/components/form/SwitchToggleComponent.vue | 1.7 KB |
MigsLab/shared/components/form/TagInputComponent.vue | 2.9 KB |
MigsLab/shared/components/form/TextAreaComponent.vue | 1.2 KB |
MigsLab/shared/components/icon/IconComponent.vue | 1.1 KB |
MigsLab/shared/components/icon/IconPaths.ts | 5.1 KB |
MigsLab/shared/components/index.ts | 3.2 KB |
MigsLab/shared/components/pagination/PaginationComponent.vue | 4.0 KB |
MigsLab/shared/components/tab/TabComponent.vue | 509 B |
MigsLab/shared/components/tab/TabContentComponent.vue | 572 B |
MigsLab/shared/components/tab/TabListComponent.vue | 407 B |
MigsLab/shared/components/tab/TabTriggerComponent.vue | 1.4 KB |
MigsLab/shared/components/table/TableBodyComponent.vue | 143 B |
MigsLab/shared/components/table/TableComponent.vue | 5.0 KB |
MigsLab/shared/components/table/TableFooterComponent.vue | 355 B |
MigsLab/shared/components/table/TableHeaderComponent.vue | 744 B |
MigsLab/shared/components/table/TableRowComponent.vue | 1.6 KB |
MigsLab/shared/composables/UseClickOutside.ts | 703 B |
MigsLab/shared/index.ts | 370 B |
MigsLab/shared/internal/InjectionKeys.ts | 1.9 KB |
MigsLab/shared/plugin.ts | 774 B |
MigsLab/shared/README.md | 3.8 KB |
MigsLab/shared/styles/base.css | 754 B |
MigsLab/shared/styles/color.css | 6.9 KB |
MigsLab/shared/styles/display.css | 1.0 KB |
MigsLab/shared/styles/flex-grid.css | 4.4 KB |
MigsLab/shared/styles/fonts/geist/all-fonts.css | 1.3 KB |
MigsLab/shared/styles/fonts/geist/Geist-Black.ttf | font |
MigsLab/shared/styles/fonts/geist/Geist-Bold.ttf | font |
MigsLab/shared/styles/fonts/geist/Geist-ExtraBold.ttf | font |
MigsLab/shared/styles/fonts/geist/Geist-ExtraLight.ttf | font |
MigsLab/shared/styles/fonts/geist/Geist-Light.ttf | font |
MigsLab/shared/styles/fonts/geist/Geist-Medium.ttf | font |
MigsLab/shared/styles/fonts/geist/Geist-Regular.ttf | font |
MigsLab/shared/styles/fonts/geist/Geist-SemiBold.ttf | font |
MigsLab/shared/styles/fonts/geist/Geist-Thin.ttf | font |
MigsLab/shared/styles/index.css | 473 B |
MigsLab/shared/styles/shadow.css | 1.0 KB |
MigsLab/shared/styles/spacing.css | 4.1 KB |
MigsLab/shared/styles/tokens.css | 1.5 KB |
MigsLab/shared/styles/typography.css | 2.1 KB |
MigsLab/shared/types/index.ts | 1.4 KB |