# @vlalg-nimbus/nb-buttons

> Button components for Vuejs 3

Latest version **7.1.0** (published 2026-02-25) · 0 weekly downloads

## Install

```sh
npm install @vlalg-nimbus/nb-buttons
pnpm add @vlalg-nimbus/nb-buttons
yarn add @vlalg-nimbus/nb-buttons
bun add @vlalg-nimbus/nb-buttons
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: esm support; no vulnerabilities; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 7.1.0 |
| Published | 2026-02-25 |
| First published | 2023-11-05 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 252.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 16 |
| Author | Antonio and Felipe |
| Maintainers | tonhaosantos |
| Keywords | vuejs, vue js, vue plugin, delete button, delete, buttons, button, components, component, vue components, vuejs components, vue js components |

## Links

- npm: https://www.npmjs.com/package/@vlalg-nimbus/nb-buttons
- Repository: https://github.com/VemLavarALoucaGamers/vlalg-nimbus
- Homepage: https://nimbus.tec.br
- Issues: https://github.com/VemLavarALoucaGamers/vlalg-nimbus/issues
- npm.io page: https://npm.io/package/@vlalg-nimbus/nb-buttons

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^3.3.4
- [@vlalg-nimbus/bee-css-reset](https://npm.io/package/@vlalg-nimbus/bee-css-reset.md) ^2.0.2
- [@vlalg-nimbus/chameleon-grid-layout](https://npm.io/package/@vlalg-nimbus/chameleon-grid-layout.md) ^1.0.2

## Recent versions

- 7.1.0 (latest) — 2026-02-25
- 7.0.0 — 2026-02-24
- 6.2.0 — 2026-02-23
- 6.1.0 — 2026-02-23
- 6.0.0 — 2026-02-15
- 5.0.6 — 2026-02-13
- 5.0.5 — 2025-12-19
- 5.0.4 — 2025-12-19
- 5.0.3 — 2025-12-12
- 5.0.2 — 2025-12-12
- 5.0.1 — 2025-12-11
- 5.0.0 — 2025-12-11
- 4.0.3 — 2025-12-09
- 4.0.2 — 2025-12-08
- 4.0.1 — 2025-12-08
- … 15 more at https://npm.io/package/@vlalg-nimbus/nb-buttons/versions

## README

# nb-buttons
> This component is only for [Vue.js 3+](https://vuejs.org/)

<br />

This lib contains button components.

## Installation

```bash
npm install @vlalg-nimbus/nb-buttons

# or

yarn add @vlalg-nimbus/nb-buttons
```

## Usage

```js
// main.js
import { createApp } from 'vue'
import App from './App.vue'

import NbButtonsComponents from '@vlalg-nimbus/nb-buttons'
import "@vlalg-nimbus/nb-buttons/dist/style.css";

const app = createApp(App)
app.use(NbButtonsComponents)
app.mount('#app')
```

## Components list

The components that are part of this lib are:

- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-mechanical" target="_blank">nb-button-mechanical</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-mechanical-2" target="_blank">nb-button-mechanical-2</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-vava-game" target="_blank">nb-button-vava-game</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-show-hover" target="_blank">nb-button-show-hover</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-prev-next" target="_blank">nb-button-prev-next</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-hamburger" target="_blank">nb-button-hamburger</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-color-outside" target="_blank">nb-button-color-outside</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-color-hover" target="_blank">nb-button-color-hover</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-alternate-text" target="_blank">nb-button-alternate-text</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-back" target="_blank">nb-button-back</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-gradient-border-to-background" target="_blank">nb-button-gradient-border-to-background</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-normal" target="_blank">nb-button-normal</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-shadow" target="_blank">nb-button-shadow</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-underline-expand" target="_blank">nb-button-underline-expand</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-underline-fill" target="_blank">nb-button-underline-fill</a>
- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-split-dropdown" target="_blank">nb-button-split-dropdown</a>

Click on each one above to find out how to use it, properties, events, etc.

## License

[MIT](http://opensource.org/licenses/MIT)

---
_Source: https://npm.io/package/@vlalg-nimbus/nb-buttons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._