open-index/open-npm huggingface dataset:
npm package: @nfy-npm/stimulus-async-action
Description: Ein Stimulus-Controller zum Verarbeiten von Button-Aktionen mit Erfolg- und Fehlermeldungen.
Author: Pascal Uhe
Latest version: 1.0.6

# @nfy-npm/stimulus-button-action

Ein Stimulus-Controller zum Verarbeiten von Button-Aktionen mit Erfolg- und Fehlermeldungen.

## Installation

```bash
npm install @nfy-npm/stimulus-button-action
```

## Verwendung

Importieren Sie den Stimulus-Controller und verwenden Sie ihn in Ihrem HTML:

### JavaScript

```javascript
import {Application} from '@hotwired/stimulus';
import ButtonActionController from '@nfy-npm/stimulus-async-action';

const application = Application.start();
application.register('button-action', ButtonActionController);
```

### HTML

```html

<button
        data-controller="button-action"
        data-button-action-route-value="/api/route" <!-- optional -->
data-button-action-success-message-value="Erfolg!" <!-- optional -->
data-button-action-error-message-value="Fehler!"> <!-- optional -->
Start Action
</button>

<!-- oder -->

<a href="/api/route"
   data-controller="button-action"
   data-button-action-success-message-value="Erfolg!" <!-- optional -->
data-button-action-error-message-value="Fehler!"> <!-- optional -->
Start Action
</a>
```

## Attribute

- `data-button-action-route-value` (optional): Die API-Route, die aufgerufen werden soll. Falls nicht gesetzt, wird das
  `href`-Attribut genutzt (falls vorhanden).
- `data-button-action-success-message-value` (optional): Die Erfolgsmeldung.
- `data-button-action-error-message-value` (optional): Die Fehlermeldung.