# Confetti

## Example

```svelte
<script lang="ts">
	import { launchConfetti } from '@foxui/all';
	import { Button } from '@foxui/all';
	import { onMount } from 'svelte';

	onMount(() => {
		launchConfetti();
	});
</script>

<Button onclick={() => launchConfetti()}>Launch Confetti</Button>
```

## Documentation

## Usage

```svelte
<Button onclick={() => launchConfetti()}>Launch Confetti</Button>
```

## API Reference

### launchConfetti
A function (not a component) that launches a confetti animation using theme colors. Import and call it directly.

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| color | `string` | `'accent'` | The theme color name to use for confetti particles (e.g. 'accent', 'red', 'blue'). |
| brightnesses | `(50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950)[]` | `[300, 400, 500, 800]` | The brightness levels of the color to use for confetti particles. |