### Install Stimulus Confetti Package

Source: https://github.com/avo-hq/stimulus-confetti/blob/main/readme.md

Commands to add the stimulus-confetti package to your project using either Yarn or npm. Choose the command appropriate for your package manager.

```bash
yarn add stimulus-confetti
# or
npm install stimulus-confetti
```

--------------------------------

### HTML Usage with School Pride Animation Type

Source: https://github.com/avo-hq/stimulus-confetti/blob/main/readme.md

Configures the confetti controller for the 'school-pride' animation type, which adds two cannons on each side of the screen. This example also shows how to set duration and custom colors.

```html
<a
  href="https://github.com/avo-hq/avo"
  target="_blank"
  data-controller="confetti"
  data-action="click->confetti#spray"
  data-confetti-animation-value="school-pride"
  data-confetti-duration-value="10"
  data-confetti-first-color-value="#CC0000"
  data-confetti-second-color-value="#0000FF"
>Star Avo</a>
```

--------------------------------

### Basic Stimulus Confetti Usage in HTML

Source: https://github.com/avo-hq/stimulus-confetti/blob/main/readme.md

Demonstrates how to attach the confetti controller to an HTML element using data-controller and trigger the default 'spray' action on click using data-action. The browser will navigate after the animation finishes.

```html
<a
  href="https://github.com/avo-hq/avo"
  target="_blank"
  data-controller="confetti"
  data-action="click->confetti#spray"
>Star Avo</a>
```

--------------------------------

### Register Stimulus Confetti Controller

Source: https://github.com/avo-hq/stimulus-confetti/blob/main/readme.md

Imports the Confetti controller from the stimulus-confetti package and registers it with your Stimulus application instance, making it available for use in HTML.

```javascript
import { Confetti } from "stimulus-confetti"

application.register('confetti', Confetti)
```

--------------------------------

### HTML Usage with Basic Animation Type

Source: https://github.com/avo-hq/stimulus-confetti/blob/main/readme.md

Shows how to explicitly set the confetti animation type to 'basic' using the data-confetti-animation-value attribute. This animation type shoots confetti from under the mouse cursor.

```html
<a
  href="https://github.com/avo-hq/avo"
  target="_blank"
  data-controller="confetti"
  data-action="click->confetti#spray"
  data-confetti-animation-value="basic"
>Star Avo</a>
```

--------------------------------

### HTML Usage with Stars Animation Type

Source: https://github.com/avo-hq/stimulus-confetti/blob/main/readme.md

Sets the confetti animation type to 'stars' using the data-confetti-animation-value attribute. This animation type sprays star-shaped confetti from under the cursor.

```html
<a
  href="https://github.com/avo-hq/avo"
  target="_blank"
  data-controller="confetti"
  data-action="click->confetti#spray"
  data-confetti-animation-value="stars"
>Star Avo</a>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.