DaisyUI component gallery

Prompt Bar

11 components

Prompt Bar — Minimal

Minimal AI prompt / chat input with token counter and send button.

View component

Prompt Bar — Action

AI prompt input with quick-action buttons (Add File, Deep Thinking, Browsing).

View component

Prompt Bar — Model Selector

AI prompt bar with a model-selector dropdown and optional info banner.

View component

Prompt Bar — Ability

AI prompt bar with an ability-selector dropdown and a token budget header strip.

View component

Prompt Bar — Agent Picker

Flagship prompt bar composing an agent picker with model, mode and feature pickers via slots. Pickers submit hidden inputs; loading and running states swap the send action.

View component

Prompt Bar Picker

Standalone picker dropdown for the prompt bar toolbar — grouped rows with descriptions and metadata, an optional hidden input, and a disabled row.

View component

Prompt Bar — Paseo Parity

Paseo's real composer: one combined model selector (provider glyph + grouped models), a thinking picker in LeftSlot, a bot mode selector, a green icon-only auto-accept feature toggle, and dictation + voice + send on the right. No token counter and no context meter.

View component

Prompt Bar — Composer

A working composer: real form submit with Enter-to-send, Shift+Enter newline, an empty-input guard, and an HTMX-wired stop action while running.

View component

Prompt Bar — Attachments

Paseo-style attachment chips with thumbnail/file/link leading visuals, an optional subtitle, and a hover-reveal remove action.

View component

Prompt Bar — Tracks

Ambient status pills floated above the composer — task progress, subagent states, and a diff stat with colour-coded segments.

View component

Prompt Bar — Autocomplete

Slash-command and @mention autocomplete — a popover above the input, filtered as you type, keyboard-navigable, replacing the trigger query on accept.

View component