Component Playground

Every component in the library, with its props exposed. Change anything and the code below the preview changes with it — copy it straight into your project.

Open full component page →

The core input for AI chat products — with attachments, model selector, tools, voice and loading states.

Props

Placeholder

Attachments (name | size | type)

Models (id | name | hint)

Default model id

Error

LoadingDisabledWeb search buttonTools button

Also takes onSubmit, onAttach, onRemoveAttachment, onVoice, onStop.