# Quick Actions

Row of labelled icon buttons for actions like send, top up or scan. Pressing a disc brightens it, and confirmable actions show a check in place before settling back.

> Composed · Pro · Actions — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/quick-actions
```

## Import

```tsx
import { QuickActions } from "@/components/ui/quick-actions/quick-actions";
```

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `actions` | `QuickAction[]` | 2–5 items read well on phone widths; each takes equal share. |
| `className?` | `string` | — |
| `itemClassName?` | `string` | Extra classes per item container. |

Source: https://lumioui.com/components/quick-actions