# RapidRailsUI — Quick Reference

Production-ready ViewComponent library for Rails + Tailwind.
All components use `rui_` prefix. Form components support `f.rui_*` syntax.

Full docs: /llms.txt | Detailed docs: /llms-full.txt | JSON API: /api/schema.json

## Components (37)

| Helper | Complexity | Params | Slots | ~Tokens | AI Score |
|--------|-----------|--------|-------|---------|----------|
| `rui_accordion` | moderate | 14 | 1 | 123 | 7/10 |
| `rui_alert` | moderate | 19 | 2 | 148 | 7/10 |
| `rui_avatar` | simple | 11 | 0 | 62 | 8/10 |
| `rui_badge` | simple | 12 | 1 | 79 | 9/10 |
| `rui_button` (f.) | moderate | 20 | 1 | 135 | 8/10 |
| `rui_button_to` | moderate | 20 | 1 | 135 | 7/10 |
| `rui_card` | moderate | 10 | 5 | 175 | 8/10 |
| `rui_carousel` | moderate | 18 | 1 | 131 | 7/10 |
| `rui_checkbox` (f.) | complex | 29 | 1 | 223 | 6/10 |
| `rui_clipboard` | simple | 9 | 0 | 58 | 9/10 |
| `rui_code_block` | simple | 6 | 0 | 52 | 10/10 |
| `rui_combobox` (f.) | complex | 27 | 1 | 219 | 6/10 |
| `rui_date` (f.) | complex | 38 | 0 | 226 | 5/10 |
| `rui_dialog` | moderate | 19 | 4 | 178 | 7/10 |
| `rui_dropdown` (f.) | complex | 30 | 12 | 390 | 6/10 |
| `rui_editable` | moderate | 15 | 0 | 110 | 8/10 |
| `rui_icon` | simple | 8 | 0 | 56 | 9/10 |
| `rui_image` | complex | 28 | 0 | 206 | 6/10 |
| `rui_input` (f.) | complex | 35 | 2 | 250 | 7/10 |
| `rui_kanban` | simple | 9 | 0 | 58 | /10 |
| `rui_link` | complex | 44 | 1 | 253 | 5/10 |
| `rui_live_search` | complex | 32 | 2 | 244 | 5/10 |
| `rui_pagination` | complex | 26 | 0 | 202 | 6/10 |
| `rui_popover` | moderate | 10 | 5 | 175 | 8/10 |
| `rui_progress` | simple | 8 | 0 | 56 | 9/10 |
| `rui_radio_button` (f.) | moderate | 21 | 1 | 137 | 7/10 |
| `rui_select` (f.) | moderate | 23 | 0 | 126 | 5/10 |
| `rui_social_button` (f.) | simple | 12 | 1 | 79 | 7/10 |
| `rui_stat` | simple | 10 | 3 | 105 | 7/10 |
| `rui_steps` | moderate | 18 | 3 | 161 | 6/10 |
| `rui_table` | complex | 31 | 7 | 317 | 4/10 |
| `rui_tabs` | moderate | 18 | 1 | 131 | 7/10 |
| `rui_text` (f.) | moderate | 22 | 2 | 154 | 8/10 |
| `rui_text_fmt` | moderate | 19 | 0 | 118 | 7/10 |
| `rui_textarea` (f.) | complex | 28 | 0 | 206 | 7/10 |
| `rui_tooltip` | simple | 13 | 0 | 66 | 9/10 |
| `rui_upload` (f.) | moderate | 21 | 0 | 122 | 7/10 |

## Critical Gotchas

- **rui_text**: as: h1-h6 silently ignores size: param (but weight/leading/tracking work)
- **rui_button_to**: rui_button_to generates a <form> — never nest inside form_with
- **rui_dialog**: dismissible: renamed to backdrop_close: — old param emits deprecation warning
- **rui_tabs**: panels: false renders the tablist only — matching an external panel's id to the built-in pattern does nothing automatically
- **rui_stat**: change_direction: is computed, stored, and tested but does not currently drive any rendered output — no up/down arrow icon exists in the template

## Key Conventions

- Headings: `rui_text("Title", as: :h1)` — size: param is IGNORED with h1-h6
- Delete actions: `rui_button_to("Delete", path, method: :delete)` — generates own form, NEVER nest in form_with
- Inline text: use `inline: true` or `as: :span` to avoid default `<p>` margin
- Colors: `:primary :secondary :success :warning :danger :info` + Tailwind palette


<!-- generated_at: 2026-08-09T20:13:48Z -->