# vue-cli-plugin-bootstrap-breakpoint-indicator

> Vue-cli plugin that displays a small indicator of the current Bootstrap breakpoint (e.g. XS, SM, MD, LG or XL).

Latest version **1.0.0-alpha.0** (published 2020-03-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-cli-plugin-bootstrap-breakpoint-indicator
pnpm add vue-cli-plugin-bootstrap-breakpoint-indicator
yarn add vue-cli-plugin-bootstrap-breakpoint-indicator
bun add vue-cli-plugin-bootstrap-breakpoint-indicator
```

## 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-alpha.0 |
| Published | 2020-03-15 |
| First published | 2020-03-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 144.8 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Ben McCallum |
| Maintainers | benmccallum |
| Keywords | vue, bootstrap, breakpoint, indicator, responsive, debugging |

## Links

- npm: https://www.npmjs.com/package/vue-cli-plugin-bootstrap-breakpoint-indicator
- Repository: https://github.com/benmccallum/vue-bootstrap-breakpoint-indicator
- Homepage: https://github.com/benmccallum/vue-bootstrap-breakpoint-indicator#readme
- Issues: https://github.com/benmccallum/vue-bootstrap-breakpoint-indicator/issues
- npm.io page: https://npm.io/package/vue-cli-plugin-bootstrap-breakpoint-indicator

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.6.11

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads
- [@modern-js/plugin-swc](https://npm.io/package/@modern-js/plugin-swc.md) — 3.4K weekly downloads

## Recent versions

- 1.0.0-alpha.0 (latest) — 2020-03-15

## README

# vue-bootstrap-breakpoint-indicator

A Vue.js component that displays a small indicator of the current Bootstrap breakpoint (e.g. XS, SM, MD, LG or XL) in the top-left of the page. Useful during development to know which breakpoint you're styling for as you resize the viewport or device emulate.

Note: the element the component renders is positioned absolutely with some default styles, so it should appear in the top left of the viewport. You can customize this display by adding your own styles against `#vue-bootstrap-breakpoint-indicator`.

## Installation

```js
yarn add --dev vue-bootstrap-breakpoint-indicator
npm install --save-dev vue-bootstrap-breakpoint-indicator
```

### Browser

See /examples/demo.html

### Module

```js
import VueBootstrapBreakpointIndicator from 'vue-bootstrap-breakpoint-indicator';
```

## Usage

Once installed, it can be used in a template as below:

```html
<vue-bootstrap-breakpoint-indicator></vue-bootstrap-breakpoint-indicator>
```

You may need to list it explicitly as a component you depend on when using it, e.g:

```javascript
export default {
    name: 'app',
    components: {
      'vue-bootstrap-breakpoint-indicator': VueBootstrapBreakpointIndicator
    }
  }
```

You can use the registration to give it an alias if you desire.

---
_Source: https://npm.io/package/vue-cli-plugin-bootstrap-breakpoint-indicator · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._