Catalog Forms

<.search>

ConnieUI.Forms

HEEx
<div class="w-md">
  <ConnieUI.Forms.search placeholder="Search documents" field={@field} />
</div>

Variant matrix

Every combination of one or two attributes, side by side.

Controls

:string

Set by the example

field

Docs

No @doc for this component.

Attribute Type Default Description
field * {:struct, Phoenix.HTML.FormField}
size :string "sm"
sm | md
rest :global
Slot Slot attributes Description
:info an affordance at the field's trailing edge, e.g. a tooltip. It takes its own space rather than sitting over the input, because the browser draws a `type=search` field's own clear control there.