# @vagrantir/vue-custom-styles

> ## Project setup ``` npm i @vagrantir/rc-dropdown ```

Latest version **1.0.0** (published 2018-10-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install @vagrantir/vue-custom-styles
pnpm add @vagrantir/vue-custom-styles
yarn add @vagrantir/vue-custom-styles
bun add @vagrantir/vue-custom-styles
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-10-17 |
| First published | 2018-10-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 159.4 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | vagrantir |
| Keywords | vue, components, style |

## Links

- npm: https://www.npmjs.com/package/@vagrantir/vue-custom-styles
- Repository: https://github.com/vagrantir/vue-custom-styles
- Homepage: https://github.com/vagrantir/vue-custom-styles#readme
- Issues: https://github.com/vagrantir/vue-custom-styles/issues
- npm.io page: https://npm.io/package/@vagrantir/vue-custom-styles

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.17
- [@vue/web-component-wrapper](https://npm.io/package/@vue/web-component-wrapper.md) ^1.2.0

## Recent versions

- 1.0.0 (latest) — 2018-10-17

## README

# rc-dropdown

## Project setup
```
npm i @vagrantir/rc-dropdown
```

### Using component

```javascript
import RcDropdown, { RcDropdownItem } from  @vagrantir/rc-dropdown

Vue.component('RcDropdown', RcDropdown)
```

```html
<RcDropdown :items="items" v-model="selectedItem" :data-options="{disable_search: false}" style="width: 150px"/>
```

### Properties
```javascript
const props = {
    value: {
      type: [String, Number, Array],
      default: '',
    },
    items: {
      type: [Array],
      default() {
        return [];
      },
    },
    'data-options': {
      type: Object,
      default() {
        return {
          allow_single_deselect: false,
          disable_search: true,
          disable_search_threshold: 0,
          enable_split_word_search: false,
          inherit_select_classes: false,
          max_selected_options: Infinity,
          no_results_text: 'No results',
          placeholder_text_multiple: 'Select Some Options',
          placeholder_text_single: 'Select an option',
          search_contains: false,
          group_search: true,
          single_backstroke_delete: true,
          width: '100%',
          display_disabled_options: true,
          display_selected_options: true,
          include_group_label_in_selected: false,
          max_shown_results: Infinity,
          case_sensitive_search: false,
          hide_results_on_select: true,
        };
      },
    },
    'data-placeholder': {
      type: [String],
      default: '',
    }
  }
  ```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Run your unit tests
```
npm run test:unit
```

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