# @mrmikkou/custom-select

> Custom select for tailwindcss (study)

Latest version **0.0.5** (published 2019-11-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @mrmikkou/custom-select
pnpm add @mrmikkou/custom-select
yarn add @mrmikkou/custom-select
bun add @mrmikkou/custom-select
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2019-11-16 |
| First published | 2019-11-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 7.1 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | mrmikkou |

## Links

- npm: https://www.npmjs.com/package/@mrmikkou/custom-select
- Repository: https://github.com/Mikkou/custom-select
- Homepage: https://github.com/Mikkou/custom-select#readme
- Issues: https://github.com/Mikkou/custom-select/issues
- npm.io page: https://npm.io/package/@mrmikkou/custom-select

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^2.6.10
- [babel-core](https://npm.io/package/babel-core.md) ^6.26.3
- [babel-preset-env](https://npm.io/package/babel-preset-env.md) ^1.7.0
- [vue-template-compiler](https://npm.io/package/vue-template-compiler.md) ^2.6.10

## Recent versions

- 0.0.5 (latest) — 2019-11-16
- 0.0.4 — 2019-11-16
- 0.0.3 — 2019-11-16
- 0.0.2 — 2019-11-16
- 0.0.1 — 2019-11-16

## README

# custom-select
study nuxt module

## Quick start

```npm i @mrmikkou/custom-select```

### nuxt.config.js

```
modules: [
    '@mrmikkou/custom-select'
]
```

vue component example (with TailwindCSS):
```
<template>
  <div>
    <span>{{ selected }}</span>
    <div class="w-full md:w-1/3 px-3 mb-6 md:mb-0">
      <custom-select
        :items="items"
        v-model="selected"/>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      selected: {},
      text: {},
      items: [
        { text: 'test1', value: 'val1' },
        { text: 'test2', value: 'val2' },
        { text: 'test3', value: 'val3' },
        { text: 'test4', value: 'val4' },
        { text: 'test5', value: 'val5' },
        { text: 'test6', value: 'val6' },
        { text: 'test7', value: 'val7' },
        { text: 'test8', value: 'val8' },
        { text: 'test9', value: 'val9' }
      ]
    }
  }
}
</script>
```

---
_Source: https://npm.io/package/@mrmikkou/custom-select · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._