## Installation
The **@mr-components** package can be installed by running:
```bash:no-line-numbers
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:
```js
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:
```js
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:
```html
This icon has been designed using resources from Flaticon.com
---
_Source: https://npm.io/package/@carlosdevpereira/mr-components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._