MigsLab UIVue 3 component workshop

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

69 files · 41 components · 120.6 KB of source, plus the Geist fonts

Install

The ZIP contains a single MigsLab folder. Put it inside the src folder of your project.

  1. Unzip migslab-shared.zip.
  2. Move the MigsLab folder into your project's src folder, so you have src/MigsLab/shared.
  3. Optionally load the reset, font and utility classes once in main.ts.
  4. 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.md9.2 KB
MigsLab/shared/components/accordion/AccordionComponent.vue850 B
MigsLab/shared/components/accordion/AccordionContentComponent.vue909 B
MigsLab/shared/components/accordion/AccordionItemComponent.vue1.0 KB
MigsLab/shared/components/accordion/AccordionTriggerComponent.vue1.4 KB
MigsLab/shared/components/alert/AlertComponent.vue2.5 KB
MigsLab/shared/components/button/ButtonComponent.vue3.7 KB
MigsLab/shared/components/button/ButtonDropdownComponent.vue3.7 KB
MigsLab/shared/components/button/ButtonDropdownItemComponent.vue1.2 KB
MigsLab/shared/components/button/ButtonGroupComponent.vue388 B
MigsLab/shared/components/button/ButtonMenuContainerComponent.vue475 B
MigsLab/shared/components/card/CardBodyComponent.vue245 B
MigsLab/shared/components/card/CardComponent.vue784 B
MigsLab/shared/components/card/CardFooterComponent.vue338 B
MigsLab/shared/components/card/CardHeaderComponent.vue258 B
MigsLab/shared/components/chip/ChipComponent.vue1.7 KB
MigsLab/shared/components/dialog/DialogComponent.vue3.0 KB
MigsLab/shared/components/dialog/DialogContentComponent.vue325 B
MigsLab/shared/components/dialog/DialogFooterComponent.vue312 B
MigsLab/shared/components/dialog/DialogHeaderComponent.vue344 B
MigsLab/shared/components/form/CheckboxComponent.vue1.0 KB
MigsLab/shared/components/form/ColorPickerComponent.vue2.7 KB
MigsLab/shared/components/form/DateTimePickerComponent.vue5.8 KB
MigsLab/shared/components/form/DropdownComponent.vue5.9 KB
MigsLab/shared/components/form/FileUploadComponent.vue4.9 KB
MigsLab/shared/components/form/InputComponent.vue2.7 KB
MigsLab/shared/components/form/RadioButtonComponent.vue1.6 KB
MigsLab/shared/components/form/RadioGroupComponent.vue1.1 KB
MigsLab/shared/components/form/SwitchToggleComponent.vue1.7 KB
MigsLab/shared/components/form/TagInputComponent.vue2.9 KB
MigsLab/shared/components/form/TextAreaComponent.vue1.2 KB
MigsLab/shared/components/icon/IconComponent.vue1.1 KB
MigsLab/shared/components/icon/IconPaths.ts5.1 KB
MigsLab/shared/components/index.ts3.2 KB
MigsLab/shared/components/pagination/PaginationComponent.vue4.0 KB
MigsLab/shared/components/tab/TabComponent.vue509 B
MigsLab/shared/components/tab/TabContentComponent.vue572 B
MigsLab/shared/components/tab/TabListComponent.vue407 B
MigsLab/shared/components/tab/TabTriggerComponent.vue1.4 KB
MigsLab/shared/components/table/TableBodyComponent.vue143 B
MigsLab/shared/components/table/TableComponent.vue5.0 KB
MigsLab/shared/components/table/TableFooterComponent.vue355 B
MigsLab/shared/components/table/TableHeaderComponent.vue744 B
MigsLab/shared/components/table/TableRowComponent.vue1.6 KB
MigsLab/shared/composables/UseClickOutside.ts703 B
MigsLab/shared/index.ts370 B
MigsLab/shared/internal/InjectionKeys.ts1.9 KB
MigsLab/shared/plugin.ts774 B
MigsLab/shared/README.md3.8 KB
MigsLab/shared/styles/base.css754 B
MigsLab/shared/styles/color.css6.9 KB
MigsLab/shared/styles/display.css1.0 KB
MigsLab/shared/styles/flex-grid.css4.4 KB
MigsLab/shared/styles/fonts/geist/all-fonts.css1.3 KB
MigsLab/shared/styles/fonts/geist/Geist-Black.ttffont
MigsLab/shared/styles/fonts/geist/Geist-Bold.ttffont
MigsLab/shared/styles/fonts/geist/Geist-ExtraBold.ttffont
MigsLab/shared/styles/fonts/geist/Geist-ExtraLight.ttffont
MigsLab/shared/styles/fonts/geist/Geist-Light.ttffont
MigsLab/shared/styles/fonts/geist/Geist-Medium.ttffont
MigsLab/shared/styles/fonts/geist/Geist-Regular.ttffont
MigsLab/shared/styles/fonts/geist/Geist-SemiBold.ttffont
MigsLab/shared/styles/fonts/geist/Geist-Thin.ttffont
MigsLab/shared/styles/index.css473 B
MigsLab/shared/styles/shadow.css1.0 KB
MigsLab/shared/styles/spacing.css4.1 KB
MigsLab/shared/styles/tokens.css1.5 KB
MigsLab/shared/styles/typography.css2.1 KB
MigsLab/shared/types/index.ts1.4 KB