---
name: expanding-fab
description: Build an expanding floating action menu with a blurred backdrop, staggered action buttons, keyboard controls, and optional wallet demo dialogs.
---

# Expanding floating actions

Use this skill for a compact mobile action menu that expands vertically from a circular trigger. The bundled demo pairs three actions with a wallet screen. It is an interaction prototype; balances are sample data and no payments occur.

Generate a self-contained page:

```sh
python3 scripts/generate.py -o index.html
python3 scripts/generate.py -o index.html --title "Your next move" --accent "#273e45"
```

For custom labels, pass `--params config.json`. Supported properties are `title`, `subtitle` (1–180 characters), `accent`, `bg` (hex colors), and `actions` (exactly three labels, each 1–24 characters). Their order maps to receive, send, and exchange demo flows; renaming labels does not change the underlying flow.

Read [references/design.md](references/design.md) when adapting the motion or integrating the menu. Keep the trigger visible as a close control, make collapsed actions inert, restore focus after closing, and respect reduced motion. Replace the sample dialog handlers with the product's real authorized actions; the generator does not connect a wallet.