# Action Hub Input

> This ActionHubInput component is a smart, multi-purpose input field designed for developers and power users. It combines inline action buttons, live validation, async status feedback, and persistent input history into a single reusable component. Users can perform multiple actions like sending, copying, or clearing input, while receiving instant visual feedback with loading, success, or error states. With configurable actions, dynamic suggestions, and accessibility support, it transforms a standard input into a highly interactive and developer-friendly tool that adapts to different workflows and contexts.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/action-hub-input

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/action-hub-input?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt