Caja de chat con fuentes @, comandos /, modelo y dictado.
npx shadcn@latest add https://reactbits.dev/r/PromptBar-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| placeholder | string | "Ask anything" |
| sources | PromptBarSource[] | DEFAULT_SOURCES |
| commands | PromptBarCommand[] | DEFAULT_COMMANDS |
| models | PromptBarModel[] | DEFAULT_MODELS |
| efforts | string[] | DEFAULT_EFFORTS |
| defaultEffort | string | "" |
| onEffortChange | (effort) => void | - |
| defaultModel | string | "" |
| busy | boolean | false |
| onSend | (text, { attachments, model, effort }) => void | - |
| onStop | () => void | - |
| onAttach | () => string | string[] | Promise<string | string[]> | - |
| onDictate | () => string | Promise<string> | - |
| background | string | "#27272a" |
| color | string | "#f5f5f5" |
| menuBackground | string | "#323236" |
| sparkColor | string | "#b39dff" |
| sparkBoost | number | 1 |
| width | number | 400 |
| radius | number | 16 |
| maxRows | number | 5 |
| morphDuration | number | 240 |
| squash | number | 0.12 |
| tilt | number | 8 |
| pressScale | number | 0.96 |
| className | string | "" |