@carlosdevpereira/mr-components

Mr. Components

Docs | @Next

Installation

The @mr-components package can be installed by running:

npm install --save-dev @carlosdevpereira/mr-components

How to use

To start using the components, you can either:

Register the components globally in your main.js file:

import App from './App.vue'
import { createApp } from 'vue'

import '@carlosdevpereira/mr-components/dist/style.css'
import UseMrComponents from '@carlosdevpereira/mr-components'
// other imports

let app = createApp(App)
UseMrComponents(app)

Register only the components you need:

import App from './App.vue'
import { createApp } from 'vue'

import '@carlosdevpereira/mr-components/dist/style.css'
import { Button, Checkbox } from '@carlosdevpereira/mr-components'
// other imports

let app = createApp(App)
app.component('Button', Button)
app.component('Checkbox', Checkbox)

Import the components directly in your Single File Components:

<template>
  <div>
    <button>Click me</button>
  </div>
</template>

<script>
import '@carlosdevpereira/mr-components/dist/style.css'
import { Button } from '@carlosdevpereira/mr-components'

export default {
  components: {
    Button,
  },

  // ...
}
</script>

Checkout the available components:

• Autocomplete
• Button
• Checkbox
• Dropdown
• Icon
• Input
• Message
• Modal
• Pagination
• Radio Button
• Table
• Textarea
• Spinner
• Select

_{^{This icon has been designed using resources from Flaticon.com}}