Components › Foundation › Prompt Input
AI03 · System

Prompt Input

Purpose Primary text input for AI interaction — auto-expanding, supporting mention tokens, slash commands, context indicators, and explicit submission states.
Use when Any interface where a user types a prompt or query to an AI system.
Do not use For non-AI search inputs or structured form fields.
Failure mode prevented Users writing prompts without understanding context limits, available commands, or attached state — producing worse outputs and eroding trust.
Example Dark Academia
Dark Academia
The Atelier
Neon Tide
The Archive
Candlelight
The Conservatory
Overview
Design rule

The input field must surface context state, command affordances, and submission readiness before the user submits.

Theming API

Override these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.

Shared semantic tokens

Token Controls
--rad-surface-card Input background
--rad-color-approve Submit button, context fill, token prefix
--rad-color-text-primary Input text
--rad-color-text-meta Token count text
--rad-color-focus Focus ring
--rad-radius-card Input border radius

Component-scoped tokens

Token Controls
--rad-prompt-border Default input border
--rad-prompt-focus-border Input border on focus-within
--rad-prompt-footer-divider Footer top border
--rad-prompt-context-bar-bg Context progress track
--rad-token-pipeline-bg Pipeline mention token background
--rad-token-pipeline-border Pipeline mention token border
--rad-token-pipeline-color Pipeline mention token text
--rad-token-doc-bg Document mention token background
--rad-token-doc-border Document mention token border
--rad-token-doc-color Document mention token text

"*This is where the human talks to you. Of all the components in this library, make this one feel like it matters.*"

← Previous AI Loading States Next → AI Error States

Intellectual Property

RAD is the original work of Jackie Curry. All rights reserved. No portion may be reproduced, adapted, or incorporated into any product or system without express written permission.

Permitted: citation in academic or editorial contexts with full attribution.

Licensing

© 2025 Jackie Curry. All rights reserved. Publication date: 2025.

For licensing inquiries, connect on LinkedIn →