3.20.0 • Published 4 months ago

mechtaui v3.20.0

Weekly downloads
-
License
-
Repository
-
Last release
4 months ago

Get Started

This guide will help you to start working with MechtaUI ❤️‍🔥

On this page


Introduction

Installation

To install run the following:

  • pnpm add mechtaui@latest

    To import styles, copy & paste this to your main.css file:

  • import 'mechtaui/dist/style.css'

Autoimport

It's optional, but you can use autoimport components with unplugin-vue-components

  • pnpm add -D unplugin-vue-components

In order it to work, you need to add custom resolver inside vite.config.ts:

{/* vite.config.ts */}

import Components from 'unplugin-vue-components/vite';

export default defineConfig({
  plugins: [
    Components({
      dts: 'src/components.d.ts',
      resolvers: [
        (componentName) => {
          if (componentName.startsWith('MI')) {
            return {
              name: componentName,
              from: 'mechtaui',
            };
          }
        },
      ],
    })
  ]})

Prefixes

We have main components, filled with logic and ready to use. They are prefixed with MI. And also composite components, that you can use to build your own compositions.

Main Example:

  <MIInput
  v-model="login"
  :is-error="$props.errorStatus"
  :label="$t('auth.login')"
  />

Composite Example:

<template>
   <AccordionRoot
     v-bind="forwarded"
     class="w-full"
     collapsible
   >
     <AccordionItem
       v-for="item in items"
       :key="item.value"
       :value="item.value"
     >
       <AccordionTrigger>{{ item.title }}</AccordionTrigger>
       <AccordionContent>
         {{ item.content }}
       </AccordionContent>
     </AccordionItem>
   </AccordionRoot> 
 </template>

 <script setup lang="ts"> 
 import { AccordionItem, AccordionTrigger, AccordionTrigger, AccordionContent, AccordionRoot } from 'mechtaui';
 </script>

Links

🚀 Team Credits:

🎨 Designers

💻 Development Team


Crafted with ❤️ by our amazing team!

3.20.0

4 months ago

2.4.0

8 months ago

3.15.0

5 months ago

3.17.0

5 months ago

3.9.0

6 months ago

3.7.2

7 months ago

3.19.0

4 months ago

3.17.1

5 months ago

3.4.0

8 months ago

3.10.1

6 months ago

3.8.0

7 months ago

3.4.4

8 months ago

3.10.0

6 months ago

3.6.1

7 months ago

3.4.3

8 months ago

3.6.0

7 months ago

3.4.2

8 months ago

3.12.0

6 months ago

3.10.2

6 months ago

3.3.13

9 months ago

3.3.14

9 months ago

3.3.12

9 months ago

3.14.1

5 months ago

3.8.4

6 months ago

3.4.8

8 months ago

3.14.0

5 months ago

3.8.3

7 months ago

3.4.7

8 months ago

3.8.2

7 months ago

3.4.6

8 months ago

3.16.0

5 months ago

3.8.1

7 months ago

3.4.5

8 months ago

3.18.0

5 months ago

3.11.0

6 months ago

3.7.1

7 months ago

3.5.3

7 months ago

3.7.0

7 months ago

3.5.2

7 months ago

3.13.0

6 months ago

3.5.1

7 months ago

3.11.1

6 months ago

3.5.0

8 months ago

3.3.10

9 months ago

3.3.11

9 months ago

3.3.9

10 months ago

3.3.8

10 months ago

3.3.7

10 months ago

3.3.6

10 months ago

3.3.1

10 months ago

3.1.3

11 months ago

3.3.0

10 months ago

3.1.2

11 months ago

3.2.0

10 months ago

3.1.1

11 months ago

3.1.0

11 months ago

3.0.1

11 months ago

3.3.5

10 months ago

3.3.4

10 months ago

3.1.6

10 months ago

3.3.3

10 months ago

3.1.5

10 months ago

3.3.2

10 months ago

3.1.4

11 months ago

2.3.8

11 months ago

2.3.9

11 months ago

2.3.10

9 months ago

3.0.0

11 months ago

2.3.6

11 months ago

2.3.5

11 months ago

2.3.4

11 months ago

2.3.3

11 months ago

2.3.2

11 months ago

2.3.1

12 months ago

2.3.0

12 months ago

2.2.10

12 months ago

2.2.9

1 year ago

2.2.6

1 year ago

2.2.5

1 year ago

2.2.4

1 year ago

2.2.3

1 year ago

2.2.2

1 year ago

2.2.1

1 year ago

2.2.0

1 year ago

2.1.0

1 year ago

2.0.0

1 year ago