Inputs

Search Composer Field

A message box that grows with what you type, with a lookup toggle whose label slides open and a send action that wakes up once there is text.

Press Enter to send, Shift plus Enter for a new line.

Using Search Composer Field

A message box that grows with what you type, with a lookup toggle whose label slides open and a send action that wakes up once there is text.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: placeholder, toggleLabel, lookupOn, accent, maxHeight

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2772Model picker prompt boxInputsA prompt composer with an auto growing field, a dropdown for choosing which assistant handles the request, an attach control and a send action.

2792Auto Grow TextareaInputsA multi-line text field that grows taller as the person types more, instead of scrolling inside a fixed box.

2771Layout toggle switchInputsA switch whose knob crosses the track by animating an actual layout change rather than a translate, so the throw stays exact at any track width.

2805Autosize text fieldInputsA multi-line text input that grows taller as the person types, up to a generous limit, with an accent focus ring and a disabled state.

2759Bounce drop toggleInputsA tall vertical toggle switch whose ball drops to the bottom with a bouncy settle when switched off and glides back up with a tight spring when switched on.

2760Character budget counterInputsA compose field with a remaining-characters readout that punches on a spring and warms in color as the budget runs out.